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

update examples in MainPage using zustand

Browse source
This commit is contained in:
anovazzi1 2024-03-05 20:59:15 -03:00
commit 3b7f1928ff
3 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/pages/MainPage/components/components/index.tsx
View file

@ -58,10 +58,6 @@ export default function ComponentsComponent({
}); });
const start = (pageIndex - 1) * pageSize; const start = (pageIndex - 1) * pageSize;
const end = start + pageSize; const end = start + pageSize;
const examples = all.filter(f=>(f.folder===STARTER_FOLDER_NAME && !f.user_id));
console.log(examples);
setExamples(examples);
all = all.filter(f=>!(f.folder===STARTER_FOLDER_NAME && !f.user_id));;
setData(all.slice(start, end)); setData(all.slice(start, end));
}, [flows, isLoading, pageIndex, pageSize]); }, [flows, isLoading, pageIndex, pageSize]);

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

@ -131,7 +131,7 @@ export default function HomePage(): JSX.Element {
<div className="flex flex-wrap w-full h-full p-4 gap-3"> <div className="flex flex-wrap w-full h-full p-4 gap-3">
{examples.map((example, idx) => { {examples.map((example, idx) => {
return( return(
<ExampleCardComponent flow={example} />) <ExampleCardComponent key={idx} flow={example} />)
})} })}
<NewFlowCardComponent/> <NewFlowCardComponent/>
</div> </div>

4
src/frontend/src/stores/flowsManagerStore.ts
View file

@ -25,6 +25,7 @@ import useAlertStore from "./alertStore";
import { useDarkStore } from "./darkStore"; import { useDarkStore } from "./darkStore";
import useFlowStore from "./flowStore"; import useFlowStore from "./flowStore";
import { useTypesStore } from "./typesStore"; import { useTypesStore } from "./typesStore";
import { STARTER_FOLDER_NAME } from "../constants/constants";
let saveTimeoutId: NodeJS.Timeout | null = null; let saveTimeoutId: NodeJS.Timeout | null = null;
@ -66,7 +67,8 @@ const useFlowsManagerStore = create<FlowsManagerStoreType>((set, get) => ({
.then((dbData) => { .then((dbData) => {
if (dbData) { if (dbData) {
const { data, flows } = processFlows(dbData, false); const { data, flows } = processFlows(dbData, false);
get().setFlows(flows); get().setExamples(flows.filter(f=>(f.folder===STARTER_FOLDER_NAME && !f.user_id)));
get().setFlows(flows.filter(f=>!(f.folder===STARTER_FOLDER_NAME && !f.user_id)));
useTypesStore.setState((state) => ({ useTypesStore.setState((state) => ({
data: { ...state.data, ["saved_components"]: data }, data: { ...state.data, ["saved_components"]: data },
})); }));