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

Fix tab selection logic in IOModal component

Browse source
This commit is contained in:
anovazzi1 2024-03-30 20:11:03 -03:00
commit 7a1b1828e9
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/src/modals/IOModal/index.tsx
View file

@ -51,25 +51,25 @@ export default function IOModal({
);
const haveChat = chatInput || chatOutput;
const [selectedTab, setSelectedTab] = useState(
inputs.length > 0 ? 1 : outputs.length > 0 ? 2 : 0
outputs.length > 0 ? 2 : inputs.length > 0 ? 1 : 0
);
function startView(){
if(!chatInput && !chatOutput){
if(outputs.length > 0){
function startView() {
if (!chatInput && !chatOutput) {
if (outputs.length > 0) {
return outputs[0];
}
else{
else {
return inputs[0];
}
}
else{
else {
return undefined
}
}
const [selectedViewField, setSelectedViewField] = useState<
{ type: string; id: string }|undefined
{ type: string; id: string } | undefined
>(startView());
const buildFlow = useFlowStore((state) => state.buildFlow);
@ -116,7 +116,7 @@ export default function IOModal({
useEffect(() => {
setSelectedViewField(startView());
setSelectedTab(inputs.length > 0 ? 1 : outputs.length > 0 ? 2 : 0);
setSelectedTab(outputs.length > 0 ? 2 : inputs.length > 0 ? 1 : 0);
}, [inputs.length, outputs.length]);
return (
@ -316,7 +316,7 @@ export default function IOModal({
)}
>
<div className="font-xl flex items-center justify-center gap-3 font-semibold">
{( haveChat &&<button onClick={() => setSelectedViewField(undefined)}>
{(haveChat && <button onClick={() => setSelectedViewField(undefined)}>
<IconComponent
name={"ArrowLeft"}
className="h-6 w-6"