Refactor AppRunHistoryTimeline component to use Button component for "Deleted App" and "Playground" labels

ajhai · ajhai · commit ad814c013708 · 2024-01-04T14:41:49.000-08:00
diff --git a/llmstack/client/src/components/apps/AppRunHistoryTimeline.jsx b/llmstack/client/src/components/apps/AppRunHistoryTimeline.jsx
@@ -328,10 +328,10 @@ export function AppRunHistoryTimeline(props) {
             </Button>
           );
         } else {
-          return "Deleted App";
+          return <Button sx={{ textTransform: "none" }}>Deleted App</Button>;
         }
       }
-      return "Playground";
+      return <Button sx={{ textTransform: "none" }}>Playground</Button>;
     } else if (column.id === "type") {
       return (
         <Tooltip title={row.app_uuid !== null ? "App" : "Endpoint"}>

Original file line number	Diff line number	Diff line change
`@@ -328,10 +328,10 @@ export function AppRunHistoryTimeline(props) {`
`328`	`328`	`</Button>`
`329`	`329`	`);`
`330`	`330`	`} else {`
`331`		`- return "Deleted App";`
	`331`	`+ return <Button sx={{ textTransform: "none" }}>Deleted App</Button>;`
`332`	`332`	`}`
`333`	`333`	`}`
`334`		`- return "Playground";`
	`334`	`+ return <Button sx={{ textTransform: "none" }}>Playground</Button>;`
`335`	`335`	`} else if (column.id === "type") {`
`336`	`336`	`return (`
`337`	`337`	`<Tooltip title={row.app_uuid !== null ? "App" : "Endpoint"}>`