From c6f0a20fd68beb80e5211681da92fe56082b3dab Mon Sep 17 00:00:00 2001
From: olav <mail@olav.io>
Date: Wed, 1 Jun 2022 09:14:27 +0200
Subject: [PATCH] fix: always show tokens page header (#1050)

---
 .../admin/apiToken/ApiTokenTable/ApiTokenTable.tsx        | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx b/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
index 48ecb219fc..2c2b97a2d3 100644
--- a/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
+++ b/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
@@ -28,7 +28,7 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
 import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell';
 
 export const ApiTokenTable = () => {
-    const { tokens } = useApiTokens();
+    const { tokens, loading } = useApiTokens();
     const hiddenColumns = useHiddenColumns();
     const initialState = useMemo(() => ({ sortBy: [{ id: 'createdAt' }] }), []);
 
@@ -69,10 +69,6 @@ export const ApiTokenTable = () => {
         </>
     );
 
-    if (!tokens.length) {
-        return null;
-    }
-
     return (
         <PageContent
             header={
@@ -105,7 +101,7 @@ export const ApiTokenTable = () => {
                 </Table>
             </SearchHighlightProvider>
             <ConditionallyRender
-                condition={rows.length === 0}
+                condition={rows.length === 0 && !loading}
                 show={
                     <ConditionallyRender
                         condition={globalFilter?.length > 0}