mock tokens

f0ssel · f0ssel · commit 01be8018aabd · 2023-01-12T19:27:59.000Z
diff --git a/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.stories.tsx b/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.stories.tsx
@@ -1,5 +1,5 @@
 import { Story } from "@storybook/react"
-import { makeMockApiError } from "testHelpers/entities"
+import { makeMockApiError, MockTokens } from "testHelpers/entities"
 import { TokensPageView, TokensPageViewProps } from "./TokensPageView"
 
 export default {
@@ -18,30 +18,7 @@ export const Example = Template.bind({})
 Example.args = {
   isLoading: false,
   hasLoaded: true,
-  tokens: [
-    {
-      id: "tBoVE3dqLl",
-      user_id: "f9ee61d8-1d84-4410-ab6e-c1ec1a641e0b",
-      last_used: "0001-01-01T00:00:00Z",
-      expires_at: "2023-01-15T20:10:45.637438Z",
-      created_at: "2022-12-16T20:10:45.637452Z",
-      updated_at: "2022-12-16T20:10:45.637452Z",
-      login_type: "token",
-      scope: "all",
-      lifetime_seconds: 2592000,
-    },
-    {
-      id: "tBoVE3dqLl",
-      user_id: "f9ee61d8-1d84-4410-ab6e-c1ec1a641e0b",
-      last_used: "0001-01-01T00:00:00Z",
-      expires_at: "2023-01-15T20:10:45.637438Z",
-      created_at: "2022-12-16T20:10:45.637452Z",
-      updated_at: "2022-12-16T20:10:45.637452Z",
-      login_type: "token",
-      scope: "all",
-      lifetime_seconds: 2592000,
-    },
-  ],
+  tokens: MockTokens,
   onDelete: () => {
     return Promise.resolve()
   },
diff --git a/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.tsx b/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.tsx
@@ -58,11 +58,11 @@ export const TokensPageView: FC<
         <Table>
           <TableHead>
             <TableRow>
-              <TableCell width="30%">{Language.idLabel}</TableCell>
-              <TableCell width="20%">{Language.createdAtLabel}</TableCell>
-              <TableCell width="20%">{Language.lastUsedLabel}</TableCell>
-              <TableCell width="20%">{Language.expiresAtLabel}</TableCell>
-              <TableCell width="10%"></TableCell>
+              <TableCell width="25%">{Language.idLabel}</TableCell>
+              <TableCell width="25%">{Language.createdAtLabel}</TableCell>
+              <TableCell width="25%">{Language.lastUsedLabel}</TableCell>
+              <TableCell width="25%">{Language.expiresAtLabel}</TableCell>
+              <TableCell width="0%"></TableCell>
             </TableRow>
           </TableHead>
           <TableBody>
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -20,6 +20,31 @@ export const MockAPIKey: TypesGen.GenerateAPIKeyResponse = {
   key: "my-api-key",
 }
 
+export const MockTokens: TypesGen.APIKey[] = [
+  {
+    id: "tBoVE3dqLl",
+    user_id: "f9ee61d8-1d84-4410-ab6e-c1ec1a641e0b",
+    last_used: "0001-01-01T00:00:00Z",
+    expires_at: "2023-01-15T20:10:45.637438Z",
+    created_at: "2022-12-16T20:10:45.637452Z",
+    updated_at: "2022-12-16T20:10:45.637452Z",
+    login_type: "token",
+    scope: "all",
+    lifetime_seconds: 2592000,
+  },
+  {
+    id: "tBoVE3dqLl",
+    user_id: "f9ee61d8-1d84-4410-ab6e-c1ec1a641e0b",
+    last_used: "0001-01-01T00:00:00Z",
+    expires_at: "2023-01-15T20:10:45.637438Z",
+    created_at: "2022-12-16T20:10:45.637452Z",
+    updated_at: "2022-12-16T20:10:45.637452Z",
+    login_type: "token",
+    scope: "all",
+    lifetime_seconds: 2592000,
+  },
+]
+
 export const MockBuildInfo: TypesGen.BuildInfoResponse = {
   external_url: "file:///mock-url",
   version: "v99.999.9999+c9cdf14",
