feat: add last seen column to token table (#2520)

https://linear.app/unleash/issue/2-449/add-table-column-to-api-tokens-table-ui
Unleash · Nov 30, 2022 · 4d88176 · 4d88176
1 parent 348bbfe
commit 4d88176
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx b/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
@@ -26,9 +26,11 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
 import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell';
 import { Search } from 'component/common/Search/Search';
 import useHiddenColumns from 'hooks/useHiddenColumns';
+import { TimeAgoCell } from 'component/common/Table/cells/TimeAgoCell/TimeAgoCell';
 
 const hiddenColumnsSmall = ['Icon', 'createdAt'];
 const hiddenColumnsFlagE = ['projects', 'environment'];
+const hiddenColumnsFlagTokensLastSeen = ['seenAt'];
 
 export const ApiTokenTable = () => {
     const { tokens, loading } = useApiTokens();
@@ -59,6 +61,11 @@ export const ApiTokenTable = () => {
 
     useHiddenColumns(setHiddenColumns, hiddenColumnsSmall, isSmallScreen);
     useHiddenColumns(setHiddenColumns, hiddenColumnsFlagE, !uiConfig.flags.E);
+    useHiddenColumns(
+        setHiddenColumns,
+        hiddenColumnsFlagTokensLastSeen,
+        !uiConfig.flags.tokensLastSeen
+    );
 
     return (
         <PageContent
@@ -206,6 +213,13 @@ const COLUMNS = [
         minWidth: 150,
         disableGlobalFilter: true,
     },
+    {
+        Header: 'Last seen',
+        accessor: 'seenAt',
+        Cell: TimeAgoCell,
+        minWidth: 150,
+        disableGlobalFilter: true,
+    },
     {
         Header: 'Actions',
         id: 'Actions',

diff --git a/src/lib/db/api-token-store.ts b/src/lib/db/api-token-store.ts
@@ -46,6 +46,7 @@ const tokenRowReducer = (acc, tokenRow) => {
             expiresAt: token.expires_at,
             createdAt: token.created_at,
             alias: token.alias,
+            seenAt: token.seen_at,
         };
     }
     const currentToken = acc[tokenRow.secret];