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

feat(extraSidebarComponent): add support for passing apiClass prop to SidebarDraggableComponent to enable dynamic rendering of API class components

Browse source 
feat(sideBarDraggableComponent): add support for downloading node on "download" option click in the sidebar
fix(sideBarDraggableComponent): fix missing import statements and add missing type annotations
This commit is contained in:
anovazzi1 2023-10-03 20:24:40 -03:00
commit 0c513abf24
2 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -250,6 +250,7 @@ export default function ExtraSidebar(): JSX.Element {
key={index}
>
<SidebarDraggableComponent
apiClass={dataFilter[SBSectionName][SBItemName]}
key={SBItemName}
onDragStart={(event) =>
onDragStart(event, {

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

@ -6,7 +6,14 @@ import {
SelectItem,
SelectTrigger,
} from "../../../../../components/ui/select-custom";
import { TabsContext } from "../../../../../contexts/tabsContext";
import { typesContext } from "../../../../../contexts/typesContext";
import { APIClassType } from "../../../../../types/api";
import {
createFlowComponent,
downloadNode,
} from "../../../../../utils/reactflowUtils";
import { removeCountFromString } from "../../../../../utils/utils";
export default function SidebarDraggableComponent({
display_name,
@ -14,7 +21,9 @@ export default function SidebarDraggableComponent({
error,
color,
onDragStart,
apiClass,
}: {
apiClass: APIClassType;
display_name: string;
itemName: string;
error: boolean;
@ -23,12 +32,17 @@ export default function SidebarDraggableComponent({
}) {
const open = useRef(false);
const { deleteComponent } = useContext(typesContext);
const { getNodeId } = useContext(TabsContext);
function handleSelectChange(value: string) {
switch (value) {
case "share":
break;
case "download":
const type = removeCountFromString(itemName);
downloadNode(
createFlowComponent({ id: getNodeId(type), type, node: apiClass })
);
break;
case "delete":
deleteComponent(itemName);