Fix notifications visibility

BrunoQuaresma · BrunoQuaresma · commit ec7ab409dc81 · 2024-08-07T12:20:38.000Z
diff --git a/site/src/pages/DeploySettingsPage/Sidebar.tsx b/site/src/pages/DeploySettingsPage/Sidebar.tsx
@@ -13,8 +13,11 @@ import {
   Sidebar as BaseSidebar,
   SidebarNavItem,
 } from "components/Sidebar/Sidebar";
+import { useDashboard } from "modules/dashboard/useDashboard";
 
 export const Sidebar: FC = () => {
+  const { experiments } = useDashboard();
+
   return (
     <BaseSidebar>
       <SidebarNavItem href="general" icon={LaunchOutlined}>
@@ -48,9 +51,11 @@ export const Sidebar: FC = () => {
       <SidebarNavItem href="observability" icon={InsertChartIcon}>
         Observability
       </SidebarNavItem>
-      <SidebarNavItem href="notifications" icon={NotificationsIcon}>
-        Notifications
-      </SidebarNavItem>
+      {experiments.includes("notifications") && (
+        <SidebarNavItem href="notifications" icon={NotificationsIcon}>
+          Notifications
+        </SidebarNavItem>
+      )}
     </BaseSidebar>
   );
 };
diff --git a/site/src/pages/UserSettingsPage/Sidebar.tsx b/site/src/pages/UserSettingsPage/Sidebar.tsx
@@ -24,7 +24,6 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
   const { entitlements, experiments } = useDashboard();
   const showSchedulePage =
     entitlements.features.advanced_template_scheduling.enabled;
-  const showNotificationsPage = experiments.includes("notifications");
 
   return (
     <BaseSidebar>
@@ -58,7 +57,7 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
       <SidebarNavItem href="tokens" icon={VpnKeyOutlined}>
         Tokens
       </SidebarNavItem>
-      {showNotificationsPage && (
+      {experiments.includes("notifications") && (
         <SidebarNavItem href="notifications" icon={NotificationsIcon}>
           Notifications
         </SidebarNavItem>
