fix panel being shown in auth and loading states, when it should not

chromaui · Sep 13, 2023 · 11fe6ff · 11fe6ff
1 parent 22d1800
commit 11fe6ff
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/Panel.tsx b/src/Panel.tsx
@@ -55,11 +55,16 @@ export const Panel = ({ active, api }: PanelProps) => {
   } = useProjectId();
 
   // Render the Authentication flow if the user is not signed in.
-  if (!accessToken) return <Authentication key={PANEL_ID} setAccessToken={setAccessToken} />;
+  if (!accessToken)
+    return (
+      <Sections hidden={!active}>
+        <Authentication key={PANEL_ID} setAccessToken={setAccessToken} />
+      </Sections>
+    );
 
   // Momentarily wait on addonState (should be very fast)
   if (projectInfoLoading || !gitInfo) {
-    return <Spinner />;
+    return active ? <Spinner /> : null;
   }
 
   if (!projectId)