Add created at to workflow runs table (#645)

Skyvern-AI · Jul 25, 2024 · e72dd59 · e72dd59
1 parent 435451d
commit e72dd59
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/skyvern-frontend/src/routes/workflows/Workflows.tsx b/skyvern-frontend/src/routes/workflows/Workflows.tsx
@@ -23,6 +23,7 @@ import {
 } from "@/components/ui/pagination";
 import { cn } from "@/util/utils";
 import { WorkflowTitle } from "./WorkflowTitle";
+import { basicTimeFormat } from "@/util/timeFormat";
 
 function Workflows() {
   const credentialGetter = useCredentialGetter();
@@ -152,20 +153,21 @@ function Workflows() {
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead className="w-1/4">Workflow ID</TableHead>
+              <TableHead className="w-1/5">Workflow ID</TableHead>
               <TableHead className="w-1/4">Workflow Title</TableHead>
-              <TableHead className="w-1/4">Workflow Run ID</TableHead>
-              <TableHead className="w-1/4">Status</TableHead>
+              <TableHead className="w-1/5">Workflow Run ID</TableHead>
+              <TableHead className="w-1/7">Status</TableHead>
+              <TableHead className="w-1/4">Created At</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
             {workflowRunsIsLoading ? (
               <TableRow>
-                <TableCell colSpan={4}>Loading...</TableCell>
+                <TableCell colSpan={5}>Loading...</TableCell>
               </TableRow>
             ) : workflowRuns?.length === 0 ? (
               <TableRow>
-                <TableCell colSpan={4}>No workflow runs found</TableCell>
+                <TableCell colSpan={5}>No workflow runs found</TableCell>
               </TableRow>
             ) : (
               workflowRuns?.map((workflowRun) => {
@@ -179,20 +181,23 @@ function Workflows() {
                     }}
                     className="cursor-pointer"
                   >
-                    <TableCell className="w-1/4">
+                    <TableCell className="w-1/5">
                       {workflowRun.workflow_permanent_id}
                     </TableCell>
                     <TableCell className="w-1/4">
                       <WorkflowTitle
                         workflowPermanentId={workflowRun.workflow_permanent_id}
                       />
                     </TableCell>
-                    <TableCell className="w-1/4">
+                    <TableCell className="w-1/5">
                       {workflowRun.workflow_run_id}
                     </TableCell>
-                    <TableCell className="w-1/4">
+                    <TableCell className="w-1/7">
                       <StatusBadge status={workflowRun.status} />
                     </TableCell>
+                    <TableCell className="w-1/4">
+                      {basicTimeFormat(workflowRun.created_at)}
+                    </TableCell>
                   </TableRow>
                 );
               })