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

Fixed Upload Flows not showing up when folder is empty

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-06 15:30:26 -03:00
commit ee3263e6f2
3 changed files with 29 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/frontend/src/pages/MainPage/components/componentsComponent/index.tsx
View file

@ -4,7 +4,9 @@ import { FormProvider, useForm, useWatch } from "react-hook-form";
import { Link, useLocation, useNavigate } from "react-router-dom";
import CollectionCardComponent from "../../../../components/cardComponent";
import CardsWrapComponent from "../../../../components/cardsWrapComponent";
import IconComponent from "../../../../components/genericIconComponent";
import IconComponent, {
ForwardedIconComponent,
} from "../../../../components/genericIconComponent";
import PaginatorComponent from "../../../../components/paginatorComponent";
import { SkeletonCardComponent } from "../../../../components/skeletonCardComponent";
import { Button } from "../../../../components/ui/button";
@ -267,16 +269,29 @@ export default function ComponentsComponent({
return (
<>
{allFlows?.length > 0 && (
<HeaderComponent
handleDelete={() => handleSelectOptionsChange("delete")}
handleSelectAll={handleSelectAll}
handleDuplicate={() => handleSelectOptionsChange("duplicate")}
handleExport={() => handleSelectOptionsChange("export")}
handleImport={() => handleImport()}
disableFunctions={!(selectedFlowsComponentsCards?.length > 0)}
/>
)}
<div className="flex w-full gap-4 pb-5">
<Button
variant="outline"
size="sm"
onClick={handleImport}
className="flex-shrink-0 text-sm"
>
<ForwardedIconComponent
name="FileUp"
className="h-5 w-5 text-primary"
/>
Upload Flow
</Button>
{allFlows?.length > 0 && (
<HeaderComponent
handleDelete={() => handleSelectOptionsChange("delete")}
handleSelectAll={handleSelectAll}
handleDuplicate={() => handleSelectOptionsChange("duplicate")}
handleExport={() => handleSelectOptionsChange("export")}
disableFunctions={!(selectedFlowsComponentsCards?.length > 0)}
/>
)}
</div>
<CardsWrapComponent
onFileDrop={handleFileDrop}

2
src/frontend/src/pages/MainPage/components/emptyComponent/index.tsx
View file

@ -13,7 +13,7 @@ const EmptyComponent = ({}: EmptyComponentProps) => {
return (
<>
<div className="mt-6 flex w-full items-center justify-center text-center">
<div className="mt-2 flex w-full items-center justify-center text-center">
<div className="flex-max-width h-full flex-col">
<div className="align-center flex w-full justify-center gap-1 ">
<span className="text-muted-foreground">

18
src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
View file

@ -12,7 +12,6 @@ type HeaderComponentProps = {
handleDelete: () => void;
handleDuplicate: () => void;
handleExport: () => void;
handleImport: () => void;
disableFunctions: boolean;
};
@ -21,7 +20,6 @@ const HeaderComponent = ({
handleDelete,
handleDuplicate,
handleExport,
handleImport,
disableFunctions,
}: HeaderComponentProps) => {
const [shouldSelectAll, setShouldSelectAll] = useState(true);
@ -33,20 +31,8 @@ const HeaderComponent = ({
return (
<>
<div className="grid grid-cols-3 pb-5">
<div className="flex items-center gap-4 justify-self-start">
<Button
variant="outline"
size="sm"
onClick={handleImport}
className="text-sm"
>
<ForwardedIconComponent
name="FileUp"
className="h-5 w-5 text-primary"
/>
Upload Flow
</Button>
<div className="grid w-full grid-cols-3">
<div className="flex items-center justify-self-start">
<Button
variant="none"
size="none"