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

13
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,8 +300,11 @@ 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">
<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"}>
@ -333,6 +331,7 @@ export default function IOModal({
</div>
</div>
</div>
</div>
);
})}
</TabsContent>