jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

changed sideBarDraggableComponent to forwardRef

Browse source
This commit is contained in:
Lucas Oliveira 2024-01-06 14:46:49 -03:00
commit bacab7dbc1
1 changed files with 128 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx
View file

@ -1,12 +1,12 @@
import { DragEventHandler, useContext, useRef, useState } from "react"; import { DragEventHandler, forwardRef, useRef, useState } from "react";
import IconComponent from "../../../../../components/genericIconComponent"; import IconComponent from "../../../../../components/genericIconComponent";
import { import {
Select, Select,
SelectContent, SelectContent,
SelectItem, SelectItem,
SelectTrigger,
} from "../../../../../components/ui/select-custom"; } from "../../../../../components/ui/select-custom";
import { AuthContext } from "../../../../../contexts/authContext"; import { useDarkStore } from "../../../../../stores/darkStore";
import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
import { APIClassType } from "../../../../../types/api"; import { APIClassType } from "../../../../../types/api";
import { import {
createFlowComponent, createFlowComponent,
@ -14,10 +14,10 @@ import {
getNodeId, getNodeId,
} from "../../../../../utils/reactflowUtils"; } from "../../../../../utils/reactflowUtils";
import { removeCountFromString } from "../../../../../utils/utils"; import { removeCountFromString } from "../../../../../utils/utils";
import { useDarkStore } from "../../../../../stores/darkStore";
import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
export default function SidebarDraggableComponent({ export const SidebarDraggableComponent = forwardRef(
(
{
sectionName, sectionName,
display_name, display_name,
itemName, itemName,
@ -26,7 +26,7 @@ export default function SidebarDraggableComponent({
onDragStart, onDragStart,
apiClass, apiClass,
official, official,
}: { }: {
sectionName: string; sectionName: string;
apiClass: APIClassType; apiClass: APIClassType;
display_name: string; display_name: string;
@ -35,7 +35,9 @@ export default function SidebarDraggableComponent({
color: string; color: string;
onDragStart: DragEventHandler<HTMLDivElement>; onDragStart: DragEventHandler<HTMLDivElement>;
official: boolean; official: boolean;
}) { },
ref
) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const deleteComponent = useFlowsManagerStore( const deleteComponent = useFlowsManagerStore(
(state) => state.deleteComponent (state) => state.deleteComponent
@ -115,7 +117,6 @@ export default function SidebarDraggableComponent({
name="Menu" name="Menu"
className="side-bar-components-icon " className="side-bar-components-icon "
/> />
<SelectTrigger></SelectTrigger>
<SelectContent <SelectContent
position="popper" position="popper"
side="bottom" side="bottom"
@ -153,4 +154,7 @@ export default function SidebarDraggableComponent({
</div> </div>
</Select> </Select>
); );
} }
);
export default SidebarDraggableComponent;