Refactor sidebar draggable component

This commit is contained in:
anovazzi1 2024-01-17 17:27:05 -03:00
commit 7b889fe651

View file

@ -1,10 +1,10 @@
import { SelectTrigger } from "@radix-ui/react-select";
import { DragEventHandler, forwardRef, useRef, useState } from "react";
import IconComponent from "../../../../../components/genericIconComponent";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
} from "../../../../../components/ui/select-custom";
import { useDarkStore } from "../../../../../stores/darkStore";
import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
@ -107,7 +107,6 @@ export const SidebarDraggableComponent = forwardRef(
);
}}
>
<SelectTrigger className="w-full text-left">
<div
data-testid={sectionName + display_name}
id={sectionName + display_name}
@ -119,11 +118,16 @@ export const SidebarDraggableComponent = forwardRef(
name="Menu"
className="side-bar-components-icon "
/>
<SelectTrigger></SelectTrigger>
<SelectContent
position="popper"
side="bottom"
sideOffset={-15}
alignOffset={25}
sideOffset={-25}
style={{
position: "absolute",
left: cursorPos.x,
top: cursorPos.y,
}}
>
<SelectItem value={"download"}>
<div className="flex">
@ -148,7 +152,6 @@ export const SidebarDraggableComponent = forwardRef(
</SelectContent>
</div>
</div>
</SelectTrigger>
</div>
</div>
</Select>