Fix a hook usage violation (#1016)

aptible · Dec 30, 2024 · c4dfa5b · c4dfa5b
1 parent d1538e0
commit c4dfa5b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/ui/layouts/app-detail-layout.tsx b/src/ui/layouts/app-detail-layout.tsx
@@ -172,8 +172,8 @@ function AppPageHeader() {
   const crumbs = [
     { name: environment.handle, to: environmentAppsUrl(environment.id) },
   ];
-  const hasBetaFeatures =
-    useSelector(selectHasBetaFeatures) || useSelector(selectIsImpersonated);
+  const isImpersonated = useSelector(selectIsImpersonated);
+  const hasBetaFeatures = useSelector(selectHasBetaFeatures) || isImpersonated;
   const hasConfigAccess = useSelector((s) =>
     selectUserHasPerms(s, { envId: app.environmentId, scope: "read" }),
   );

diff --git a/src/ui/shared/application-sidebar.tsx b/src/ui/shared/application-sidebar.tsx
@@ -62,8 +62,8 @@ export const ApplicationSidebar = () => {
   const hasSystemStatus =
     systemStatus?.description && systemStatus?.indicator !== "none";
   const navigate = useNavigate();
-  const hasBetaFeatures =
-    useSelector(selectHasBetaFeatures) || useSelector(selectIsImpersonated);
+  const isImpersonated = useSelector(selectIsImpersonated);
+  const hasBetaFeatures = useSelector(selectHasBetaFeatures) || isImpersonated;
   const navigation = [
     { name: "Stacks", to: stacksUrl(), icon: <IconLayers /> },
     { name: "Environments", to: environmentsUrl(), icon: <IconGlobe /> },