fix: unable to open deployment code template

web/src/components/DeploymentDisplay.tsx

@@ -1,4 +1,4 @@
-import { DeploymentRow } from "./DeploymentRow";
+import { DeploymentRow, SharePageDeploymentRow } from "./DeploymentRow";
 import { CodeBlock } from "@/components/CodeBlock";
 import {
   Dialog,
@@ -9,6 +9,7 @@ import {
   DialogTrigger,
 } from "@/components/ui/dialog";
 import { ScrollArea } from "@/components/ui/scroll-area";
+import { TableRow } from "@/components/ui/table";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { getInputsFromWorkflow } from "@/lib/getInputsFromWorkflow";
 import type { findAllDeployments } from "@/server/findAllRuns";
@@ -91,13 +92,15 @@ export function DeploymentDisplay({
   const workflowInput = getInputsFromWorkflow(deployment.version);
 
   if (deployment.environment == "public-share") {
-    return <DeploymentRow deployment={deployment} />;
+    return <SharePageDeploymentRow deployment={deployment} />;
   }
 
   return (
     <Dialog>
       <DialogTrigger asChild className="appearance-none hover:cursor-pointer">
+        <TableRow>
           <DeploymentRow deployment={deployment} />
+        </TableRow>
       </DialogTrigger>
       <DialogContent className="max-w-3xl">
         <DialogHeader>

web/src/components/DeploymentRow.tsx

@@ -5,7 +5,7 @@ import { getRelativeTime } from "@/lib/getRelativeTime";
 import type { findAllDeployments } from "@/server/findAllRuns";
 import { useRouter } from "next/navigation";
 
-export function DeploymentRow({
+export function SharePageDeploymentRow({
   deployment,
 }: {
   deployment: Awaited<ReturnType<typeof findAllDeployments>>[0];
@@ -35,3 +35,26 @@ export function DeploymentRow({
     </TableRow>
   );
 }
+
+export function DeploymentRow({
+  deployment,
+}: {
+  deployment: Awaited<ReturnType<typeof findAllDeployments>>[0];
+}) {
+  return (
+    <>
+      <TableCell className="capitalize truncate">
+        {deployment.environment}
+      </TableCell>
+      <TableCell className="font-medium truncate">
+        {deployment.version?.version}
+      </TableCell>
+      <TableCell className="font-medium truncate">
+        {deployment.machine?.name}
+      </TableCell>
+      <TableCell className="text-right truncate">
+        {getRelativeTime(deployment.updated_at)}
+      </TableCell>
+    </>
+  );
+}