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

20
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 {
Select,
SelectContent,
SelectItem,
SelectTrigger,
} 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 {
createFlowComponent,
@ -14,10 +14,10 @@ import {
getNodeId,
} from "../../../../../utils/reactflowUtils";
import { removeCountFromString } from "../../../../../utils/utils";
import { useDarkStore } from "../../../../../stores/darkStore";
import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
export default function SidebarDraggableComponent({
export const SidebarDraggableComponent = forwardRef(
(
{
sectionName,
display_name,
itemName,
@ -35,7 +35,9 @@ export default function SidebarDraggableComponent({
color: string;
onDragStart: DragEventHandler<HTMLDivElement>;
official: boolean;
}) {
},
ref
) => {
const [open, setOpen] = useState(false);
const deleteComponent = useFlowsManagerStore(
(state) => state.deleteComponent
@ -115,7 +117,6 @@ export default function SidebarDraggableComponent({
name="Menu"
className="side-bar-components-icon "
/>
<SelectTrigger></SelectTrigger>
<SelectContent
position="popper"
side="bottom"
@ -154,3 +155,6 @@ export default function SidebarDraggableComponent({
</Select>
);
}
);
export default SidebarDraggableComponent;