chore(site): add WorkspaceBuildData stories (#12550)

site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.stories.tsx

@@ -0,0 +1,101 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MockWorkspaceBuild } from "testHelpers/entities";
+import { WorkspaceBuildData } from "./WorkspaceBuildData";
+
+const meta: Meta<typeof WorkspaceBuildData> = {
+  title: "modules/workspaces/WorkspaceBuildData",
+  component: WorkspaceBuildData,
+};
+
+export default meta;
+type Story = StoryObj<typeof WorkspaceBuildData>;
+
+export const Start: Story = {
+  args: {
+    build: MockWorkspaceBuild,
+  },
+};
+
+export const Stop: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      transition: "stop",
+    },
+  },
+};
+
+export const Delete: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      transition: "delete",
+    },
+  },
+};
+
+export const Success: Story = {
+  args: {
+    build: MockWorkspaceBuild,
+  },
+};
+
+export const Pending: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "pending",
+      },
+    },
+  },
+};
+
+export const Running: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "running",
+      },
+    },
+  },
+};
+
+export const Failed: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "failed",
+      },
+    },
+  },
+};
+
+export const Canceling: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "canceling",
+      },
+    },
+  },
+};
+
+export const Canceled: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "canceled",
+      },
+    },
+  },
+};

site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx

@@ -23,7 +23,7 @@ import { AgentLogs, useAgentLogs } from "modules/resources/AgentLogs";
 import {
   WorkspaceBuildData,
   WorkspaceBuildDataSkeleton,
-} from "modules/workspaces/WorkspaceBuild/WorkspaceBuildData";
+} from "modules/workspaces/WorkspaceBuildData/WorkspaceBuildData";
 import { WorkspaceBuildLogs } from "modules/workspaces/WorkspaceBuildLogs/WorkspaceBuildLogs";
 import { displayWorkspaceBuildDuration } from "utils/workspace";
 import { Sidebar, SidebarCaption, SidebarItem } from "./Sidebar";

site/src/pages/WorkspacePage/HistorySidebar.tsx

@@ -13,7 +13,7 @@ import {
 import {
   WorkspaceBuildData,
   WorkspaceBuildDataSkeleton,
-} from "modules/workspaces/WorkspaceBuild/WorkspaceBuildData";
+} from "modules/workspaces/WorkspaceBuildData/WorkspaceBuildData";
 
 interface HistorySidebarProps {
   workspace: Workspace;