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

Fix conditional rendering in IOView component

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-02-22 11:56:02 -03:00
commit 4d07537031
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/frontend/src/components/IOview/index.tsx
View file

@ -131,13 +131,13 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
)} )}
</div> </div>
<div className="mx-2 mb-2 mt-4 flex items-center gap-2 font-semibold"> <div className="mx-2 mb-2 mt-4 flex items-center gap-2 font-semibold">
{categories[selectedCategory].name === "Inputs" && ( {categories[selectedCategory]?.name === "Inputs" && (
<> <>
<IconComponent name={"FormInput"} /> <IconComponent name={"FormInput"} />
Text Inputs Text Inputs
</> </>
)} )}
{categories[selectedCategory].name === "Outputs" && ( {categories[selectedCategory]?.name === "Outputs" && (
<> <>
<IconComponent name={"ChevronRightSquare"} /> <IconComponent name={"ChevronRightSquare"} />
Prompt Outputs Prompt Outputs
@ -184,7 +184,7 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
<div className="file-component-tab-column"> <div className="file-component-tab-column">
<div className=""> <div className="">
{node && {node &&
(categories[selectedCategory].name === "Inputs" ? ( (categories[selectedCategory]?.name === "Inputs" ? (
<IOInputField <IOInputField
inputType={input.type} inputType={input.type}
inputId={input.id} inputId={input.id}
@ -206,7 +206,9 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
handleSelectChange() handleSelectChange()
) : ( ) : (
<div className="absolute bottom-8 right-8"> <div className="absolute bottom-8 right-8">
<Button className="px-3"><IconComponent name="Play" className="h-6 w-6"/></Button> <Button className="px-3">
<IconComponent name="Play" className="h-6 w-6" />
</Button>
</div> </div>
)} )}
</div> </div>