coder · BrunoQuaresma · Sep 8, 2023 · Sep 7, 2023 · Sep 7, 2023 · Sep 7, 2023
diff --git a/site/src/AppRouter.tsx b/site/src/AppRouter.tsx
@@ -1,7 +1,6 @@
 import { FullScreenLoader } from "components/Loader/FullScreenLoader";
 import { TemplateLayout } from "components/TemplateLayout/TemplateLayout";
 import { UsersLayout } from "components/UsersLayout/UsersLayout";
-import IndexPage from "pages";
 import AuditPage from "pages/AuditPage/AuditPage";
 import GroupsPage from "pages/GroupsPage/GroupsPage";
 import LoginPage from "pages/LoginPage/LoginPage";
@@ -11,7 +10,12 @@ import TemplatesPage from "pages/TemplatesPage/TemplatesPage";
 import UsersPage from "pages/UsersPage/UsersPage";
 import WorkspacesPage from "pages/WorkspacesPage/WorkspacesPage";
 import { FC, lazy, Suspense } from "react";
-import { Route, Routes, BrowserRouter as Router } from "react-router-dom";
+import {
+  Route,
+  Routes,
+  BrowserRouter as Router,
+  Navigate,
+} from "react-router-dom";
 import { DashboardLayout } from "./components/Dashboard/DashboardLayout";
 import { RequireAuth } from "./components/RequireAuth/RequireAuth";
 import { SettingsLayout } from "./components/SettingsLayout/SettingsLayout";
@@ -195,7 +199,7 @@ export const AppRouter: FC = () => {
           {/* Dashboard routes */}
           <Route element={<RequireAuth />}>
             <Route element={<DashboardLayout />}>
-              <Route index element={<IndexPage />} />
+              <Route index element={<Navigate to="/workspaces" replace />} />
 
               <Route path="health" element={<HealthPage />} />
 

diff --git a/site/src/components/Conditionals/ChooseOne.stories.tsx b/site/src/components/Conditionals/ChooseOne.stories.tsx
@@ -1,46 +1,71 @@
-import { Story } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { ChooseOne, Cond } from "./ChooseOne";
 
-export default {
+const meta: Meta<typeof ChooseOne> = {
   title: "components/Conditionals/ChooseOne",
   component: ChooseOne,
-  subcomponents: { Cond },
 };
 
-export const FirstIsTrue: Story = () => (
-  <ChooseOne>
-    <Cond condition>The first one shows.</Cond>
-    <Cond condition={false}>The second one does not show.</Cond>
-    <Cond>The default does not show.</Cond>
-  </ChooseOne>
-);
+export default meta;
+type Story = StoryObj<typeof ChooseOne>;
 
-export const SecondIsTrue: Story = () => (
-  <ChooseOne>
-    <Cond condition={false}>The first one does not show.</Cond>
-    <Cond condition>The second one shows.</Cond>
-    <Cond>The default does not show.</Cond>
-  </ChooseOne>
-);
+export const FirstIsTrue: Story = {
+  args: {
+    children: [
+      <Cond key="1" condition>
+        The first one shows.
+      </Cond>,
+      <Cond key="2" condition={false}>
+        The second one does not show.
+      </Cond>,
+      <Cond key="3">The default does not show.</Cond>,
+    ],
+  },
+};
 
-export const AllAreTrue: Story = () => (
-  <ChooseOne>
-    <Cond condition>Only the first one shows.</Cond>
-    <Cond condition>The second one does not show.</Cond>
-    <Cond>The default does not show.</Cond>
-  </ChooseOne>
-);
+export const SecondIsTrue: Story = {
+  args: {
+    children: [
+      <Cond key="1" condition={false}>
+        The first one does not show.
+      </Cond>,
+      <Cond key="2" condition>
+        The second one shows.
+      </Cond>,
+      <Cond key="3">The default does not show.</Cond>,
+    ],
+  },
+};
+export const AllAreTrue: Story = {
+  args: {
+    children: [
+      <Cond key="1" condition>
+        Only the first one shows.
+      </Cond>,
+      <Cond key="2" condition>
+        The second one does not show.
+      </Cond>,
+      <Cond key="3">The default does not show.</Cond>,
+    ],
+  },
+};
 
-export const NoneAreTrue: Story = () => (
-  <ChooseOne>
-    <Cond condition={false}>The first one does not show.</Cond>
-    <Cond condition={false}>The second one does not show.</Cond>
-    <Cond>The default shows.</Cond>
-  </ChooseOne>
-);
+export const NoneAreTrue: Story = {
+  args: {
+    children: [
+      <Cond key="1" condition={false}>
+        The first one does not show.
+      </Cond>,
+      <Cond key="2" condition={false}>
+        The second one does not show.
+      </Cond>,
+      <Cond key="3">The default shows.</Cond>,
+    ],
+  },
+};
 
-export const OneCond: Story = () => (
-  <ChooseOne>
-    <Cond>An only child renders.</Cond>
-  </ChooseOne>
-);
+export const OneCond: Story = {
+  args: {
+    children: <Cond>An only child renders.</Cond>,
+  },
+};
diff --git a/site/src/components/Conditionals/Maybe.stories.tsx b/site/src/components/Conditionals/Maybe.stories.tsx
@@ -1,21 +1,25 @@
-import { Story } from "@storybook/react";
-import { Maybe, MaybeProps } from "./Maybe";
+import { StoryObj, Meta } from "@storybook/react";
+import { Maybe } from "./Maybe";
 
-export default {
+const meta: Meta<typeof Maybe> = {
   title: "components/Conditionals/Maybe",
   component: Maybe,
+  args: {
+    children: "Now you see me",
+  },
 };
 
-const Template: Story<MaybeProps> = (args: MaybeProps) => (
-  <Maybe {...args}>Now you see me</Maybe>
-);
+export default meta;
+type Story = StoryObj<typeof Maybe>;
 
-export const ConditionIsTrue = Template.bind({});
-ConditionIsTrue.args = {
-  condition: true,
+export const ConditionIsTrue: Story = {
+  args: {
+    condition: true,
+  },
 };
 
-export const ConditionIsFalse = Template.bind({});
-ConditionIsFalse.args = {
-  condition: false,
+export const ConditionIsFalse: Story = {
+  args: {
+    condition: false,
+  },
 };
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogDescription/AuditLogDescription.stories.tsx b/site/src/pages/AuditPage/AuditLogRow/AuditLogDescription/AuditLogDescription.stories.tsx
@@ -0,0 +1,58 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { AuditLogDescription } from "./AuditLogDescription";
+import {
+  MockAuditLog,
+  MockAuditLogSuccessfulLogin,
+  MockAuditLogUnsuccessfulLoginKnownUser,
+  MockAuditLogWithWorkspaceBuild,
+  MockWorkspaceCreateAuditLogForDifferentOwner,
+} from "testHelpers/entities";
+
+const meta: Meta<typeof AuditLogDescription> = {
+  title: "components/AuditLogDescription",
+  component: AuditLogDescription,
+};
+
+export default meta;
+type Story = StoryObj<typeof AuditLogDescription>;
+
+export const WorkspaceCreate: Story = {
+  args: {
+    auditLog: MockAuditLog,
+  },
+};
+
+export const WorkspaceBuildStop: Story = {
+  args: {
+    auditLog: MockAuditLogWithWorkspaceBuild,
+  },
+};
+
+export const WorkspaceBuildDuplicatedWord: Story = {
+  args: {
+    auditLog: {
+      ...MockAuditLogWithWorkspaceBuild,
+      additional_fields: {
+        workspace_name: "workspace",
+      },
+    },
+  },
+};
+
+export const CreateWorkspaceWithDiffOwner: Story = {
+  args: {
+    auditLog: MockWorkspaceCreateAuditLogForDifferentOwner,
+  },
+};
+
+export const SuccessLogin: Story = {
+  args: {
+    auditLog: MockAuditLogSuccessfulLogin,
+  },
+};
+
+export const UnsuccessfulLoginForUnknownUser: Story = {
+  args: {
+    auditLog: MockAuditLogUnsuccessfulLoginKnownUser,
+  },
+};
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogDescription/AuditLogDescription.test.tsx b/site/src/pages/AuditPage/AuditLogRow/AuditLogDescription/AuditLogDescription.test.tsx
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogDescription/index.ts b/site/src/pages/AuditPage/AuditLogRow/AuditLogDescription/index.ts
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogDiff/index.ts b/site/src/pages/AuditPage/AuditLogRow/AuditLogDiff/index.ts