diff --git a/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx b/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx index 811b3316c8..cfaabc6533 100644 --- 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 ( { expiresAt: token.expires_at, createdAt: token.created_at, alias: token.alias, + seenAt: token.seen_at, }; } const currentToken = acc[tokenRow.secret];