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

autoImplementing tabs

Browse source
This commit is contained in:
anovazzi1 2023-02-21 00:08:47 -03:00
commit daa668a608
1 changed files with 16 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

21
space_flow/src/pages/FlowPage/flowManager/index.tsx
View file

@ -1,4 +1,4 @@
import { useContext, useState } from 'react'; import { useContext, useEffect, useState } from 'react';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs'; import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import FlowPage from '..'; import FlowPage from '..';
import { TabsContext } from '../../../contexts/tabsContext'; import { TabsContext } from '../../../contexts/tabsContext';
@ -6,19 +6,22 @@ import TabComponent from './tabComponent';
var _ = require("lodash"); var _ = require("lodash");
export function TabsManager(){ export function TabsManager(){
const {flows,addFlow} = useContext(TabsContext); const {flows,addFlow,tabIndex,setTabIndex} = useContext(TabsContext);
useEffect(()=>{
if(flows.length===0){ if(flows.length===0){
addFlow({name:"untitled",flow:null,id:_.uniqueId()}) addFlow({name:"untitled",flow:null,id:_.uniqueId()})
addFlow({name:"untitle",flow:null,id:_.uniqueId()})
} }
},[])
return( return(
<Tabs className="h-full w-full flex flex-col"> <div className="h-full w-full flex flex-col">
<TabList> <div className="w-full flex pr-2 flex-row gap-2">
{flows.map(flow=><Tab key={flow.id}><TabComponent>{flow.name}</TabComponent></Tab>)} {flows.map((flow,index)=>{
<Tab><button>+</button></Tab> return(<TabComponent key={index}>{flow.name}</TabComponent>)
</TabList> })}
{flows.map(flow=><TabPanel key={flow.id} className="h-full w-full"><FlowPage></FlowPage></TabPanel>)} </div>
</Tabs> </div>
) )
} }