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