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

getAll

Browse source
This commit is contained in:
Lucas Oliveira 2023-02-14 16:45:17 -03:00
commit 990033f860
1 changed files with 1 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

82
space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -5,6 +5,7 @@ import DisclosureComponent from "../DisclosureComponent";
import { borderLColors, nodeColors, nodeIcons } from "../../../../utils";
export function ExtraSidebar() {
function onDragStart(event: React.DragEvent<any>, nodeType) {
let json;
event.dataTransfer.setData("application/reactflow", nodeType);
@ -48,87 +49,6 @@ export function ExtraSidebar() {
</div>
</div>
</DisclosureComponent>
<DisclosureComponent
button={{ title: "Models", Icon: nodeIcons['model'] }}
>
<div className="p-2">
<div draggable className={" cursor-grab border-l-8 rounded-l-md"} style={{borderLeftColor: nodeColors['model']}} onDragStart={(event) => onDragStart(event, "promptNode")}>
<div
className="flex justify-between text-sm p-4 items-center h-12 border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2"
>
<span className="text-black">Model</span>
<Bars2Icon className="w-6 text-gray-400" />
</div>
</div>
</div>
</DisclosureComponent>
<DisclosureComponent
button={{ title: "Agents", Icon: nodeIcons['agent'] }}
>
<div className="p-2">
<div draggable className={" cursor-grab border-l-8 rounded-l-md"} style={{borderLeftColor: nodeColors['agent']}} onDragStart={(event) => onDragStart(event, "promptNode")}>
<div
className="flex justify-between text-sm p-4 items-center h-12 border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2"
>
<span className="text-black">Agent</span>
<Bars2Icon className="w-6 text-gray-400" />
</div>
</div>
</div>
</DisclosureComponent>
<DisclosureComponent
button={{ title: "Tools", Icon: nodeIcons['tool'] }}
>
<div className="p-2">
<div draggable className={" cursor-grab border-l-8 rounded-l-md"} style={{borderLeftColor: nodeColors['tool']}} onDragStart={(event) => onDragStart(event, "promptNode")}>
<div
className="flex justify-between text-sm p-4 items-center h-12 border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2"
>
<span className="text-black">Tool</span>
<Bars2Icon className="w-6 text-gray-400" />
</div>
</div>
</div>
</DisclosureComponent>
<DisclosureComponent
button={{ title: "Memories", Icon: nodeIcons['memory'] }}
>
<div className="p-2">
<div draggable className={" cursor-grab border-l-8 rounded-l-md"} style={{borderLeftColor: nodeColors['memory']}} onDragStart={(event) => onDragStart(event, "promptNode")}>
<div
className="flex justify-between text-sm p-4 items-center h-12 border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2"
>
<span className="text-black">Memory</span>
<Bars2Icon className="w-6 text-gray-400" />
</div>
</div>
</div>
</DisclosureComponent>
<DisclosureComponent
button={{ title: "Chains", Icon: nodeIcons['chain'] }}
>
<div className="p-2">
<div draggable className={" cursor-grab border-l-8 rounded-l-md"} style={{borderLeftColor: nodeColors['chain']}} onDragStart={(event) => onDragStart(event, "promptNode")}>
<div
className="flex justify-between text-sm p-4 items-center h-12 border-dashed border-gray-400 border-l-0 rounded-md rounded-l-none border-2"
>
<span className="text-black">Chain</span>
<Bars2Icon className="w-6 text-gray-400" />
</div>
</div>
</div>
</DisclosureComponent>
</div>
);
}