refactor: Update TableAutoCellRender component to adjust cell height and width for success and error values
This commit is contained in:
parent
4858e3d131
commit
a07224f30d
2 changed files with 6 additions and 16 deletions
|
|
@ -30,7 +30,7 @@ export default function TableAutoCellRender({
|
|||
variant="outline"
|
||||
size="sq"
|
||||
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}
|
||||
|
|
@ -42,22 +42,10 @@ export default function TableAutoCellRender({
|
|||
variant="outline"
|
||||
size="sq"
|
||||
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
|
||||
</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
|
||||
{value}
|
||||
</Badge>
|
||||
);
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -24,13 +24,15 @@ export default function FlowLogsModal({
|
|||
});
|
||||
}, [open]);
|
||||
|
||||
console.log(rows);
|
||||
|
||||
return (
|
||||
<BaseModal open={open} setOpen={setOpen} size="large">
|
||||
<BaseModal.Header description="Inspect component executions.">
|
||||
<div className="flex w-full justify-between">
|
||||
<div className="flex h-fit w-32 items-center">
|
||||
<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 className="flex h-fit w-32 items-center"></div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue