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

refactor: Update TableAutoCellRender component to adjust cell height and width for success and error values

Browse source
This commit is contained in:
cristhianzl 2024-06-18 16:35:45 -03:00
commit a07224f30d
2 changed files with 6 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
View file

@ -30,7 +30,7 @@ export default function TableAutoCellRender({
variant="outline" variant="outline"
size="sq" size="sq"
className={cn( className={cn(
"min-w-min bg-success-background text-success-foreground hover:bg-success-background", "h-[18px] w-full justify-center bg-success-background text-success-foreground hover:bg-success-background",
)} )}
> >
{value} {value}
@ -42,22 +42,10 @@ export default function TableAutoCellRender({
variant="outline" variant="outline"
size="sq" size="sq"
className={cn( className={cn(
"min-w-min bg-error-background text-error-foreground hover:bg-error-background", "h-[18px] w-full justify-center bg-error-background text-error-foreground hover:bg-error-background",
)} )}
> >
Success {value}
</Badge>
);
} else if (value === "failure") {
return (
<Badge
variant="outline"
size="sq"
className={cn(
"min-w-min bg-error-background text-error-foreground hover:bg-error-background",
)}
>
Failure
</Badge> </Badge>
); );
} else { } else {

4
src/frontend/src/modals/flowLogsModal/index.tsx
View file

@ -24,13 +24,15 @@ export default function FlowLogsModal({
}); });
}, [open]); }, [open]);
console.log(rows);
return ( return (
<BaseModal open={open} setOpen={setOpen} size="large"> <BaseModal open={open} setOpen={setOpen} size="large">
<BaseModal.Header description="Inspect component executions."> <BaseModal.Header description="Inspect component executions.">
<div className="flex w-full justify-between"> <div className="flex w-full justify-between">
<div className="flex h-fit w-32 items-center"> <div className="flex h-fit w-32 items-center">
<span className="pr-2">Logs</span> <span className="pr-2">Logs</span>
<IconComponent name="ScrollText" className="mr-2 h-4 w-4 " /> <IconComponent name="ScrollText" className="mr-2 h-4 w-4" />
</div> </div>
<div className="flex h-fit w-32 items-center"></div> <div className="flex h-fit w-32 items-center"></div>
</div> </div>