Condition link

coder · presleyp · Aug 25, 2022 · Aug 24, 2022 · Aug 24, 2022 · Aug 24, 2022
commit 6dfe4df95423b9e44dcf3bc5c189eb29d64af3b9
diff --git a/site/src/components/Navbar/Navbar.tsx b/site/src/components/Navbar/Navbar.tsx
@@ -1,19 +1,23 @@
-import { useActor } from "@xstate/react"
+import { useActor, useSelector } from "@xstate/react"
+import { FeatureNames } from "api/types"
 import React, { useContext } from "react"
+import { selectFeatureVisibility } from "xServices/entitlements/entitlementsSelectors"
 import { XServiceContext } from "../../xServices/StateContext"
 import { NavbarView } from "../NavbarView/NavbarView"
 
 export const Navbar: React.FC = () => {
   const xServices = useContext(XServiceContext)
   const [authState, authSend] = useActor(xServices.authXService)
   const { me, permissions } = authState.context
+  const featureVisibility = useSelector(xServices.entitlementsXService, selectFeatureVisibility)
+  const canViewAuditLog = featureVisibility[FeatureNames.AuditLog] && !!permissions?.viewAuditLog
   const onSignOut = () => authSend("SIGN_OUT")
 
   return (
     <NavbarView
       user={me}
       onSignOut={onSignOut}
-      canViewAuditLog={permissions?.viewAuditLog ?? false}
+      canViewAuditLog={canViewAuditLog}
     />
   )
 }