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

Refactor IOModal to improve session display and functionality

Browse source
This commit is contained in:
anovazzi1 2024-06-05 22:26:09 -03:00
commit cca6478040
1 changed files with 30 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -133,12 +133,7 @@ export default function IOModal({
}, [open]); }, [open]);
return ( return (
<BaseModal <BaseModal size={"md-thin"} open={open} setOpen={setOpen} disable={disable}>
size={selectedTab === 0 ? "sm-thin" : "md-thin"}
open={open}
setOpen={setOpen}
disable={disable}
>
<BaseModal.Trigger>{children}</BaseModal.Trigger> <BaseModal.Trigger>{children}</BaseModal.Trigger>
{/* TODO ADAPT TO ALL TYPES OF INPUTS AND OUTPUTS */} {/* TODO ADAPT TO ALL TYPES OF INPUTS AND OUTPUTS */}
<BaseModal.Header description={CHAT_FORM_DIALOG_SUBTITLE}> <BaseModal.Header description={CHAT_FORM_DIALOG_SUBTITLE}>
@ -305,31 +300,35 @@ export default function IOModal({
<TabsContent value={"0"} className="api-modal-tabs-content"> <TabsContent value={"0"} className="api-modal-tabs-content">
{sessions.map((session, index) => { {sessions.map((session, index) => {
return ( return (
<div className="flex items-center justify-between border-b px-2 align-middle"> <div className="file-component-accordion-div">
{session} <div className="flex w-full items-center justify-between border-b px-2 py-1 align-middle">
<div className="flex items-center justify-center gap-2 align-middle"> <Badge variant="gray" size="md">
<Button variant="ghost" onClick={() => {}}> {session}
<ShadTooltip content={"delete"}> </Badge>
<IconComponent <div className="flex items-center justify-center gap-2 align-middle">
name="Trash2" <Button variant="ghost" onClick={() => {}}>
className="h-4 w-4" <ShadTooltip content={"delete"}>
></IconComponent> <IconComponent
</ShadTooltip> name="Trash2"
</Button> className="h-4 w-4"
<div> ></IconComponent>
<ShadTooltip content={"hello"}> </ShadTooltip>
<div </Button>
className={cn( <div>
"h-2 w-2 rounded-full", <ShadTooltip content={"hello"}>
flow_sessions.some( <div
(f_session) => className={cn(
f_session?.session_id === session, "h-2 w-2 rounded-full",
) flow_sessions.some(
? "bg-status-green" (f_session) =>
: "bg-slate-500", f_session?.session_id === session,
)} )
></div> ? "bg-status-green"
</ShadTooltip> : "bg-slate-500",
)}
></div>
</ShadTooltip>
</div>
</div> </div>
</div> </div>
</div> </div>