@@ -13,6 +13,7 @@ import { type ClassName, useClassName } from "hooks/useClassName";
1313import { useDashboard } from "modules/dashboard/useDashboard" ;
1414import type { FC , ReactNode } from "react" ;
1515import { Link , NavLink } from "react-router-dom" ;
16+ import { useFeatureVisibility } from "modules/dashboard/useFeatureVisibility" ;
1617
1718export interface OrganizationWithPermissions extends Organization {
1819permissions :AuthorizationResponse ;
@@ -39,6 +40,7 @@ export const SidebarView: FC<SidebarProps> = ({
3940permissions,
4041} ) => {
4142const { showOrganizations} = useDashboard ( ) ;
43+ const { multiple_organizations :hasPremiumLicense } = useFeatureVisibility ( ) ;
4244
4345// TODO: Do something nice to scroll to the active org.
4446return (
@@ -52,6 +54,7 @@ export const SidebarView: FC<SidebarProps> = ({
5254< DeploymentSettingsNavigation
5355active = { ! activeOrganizationName && activeSettings }
5456permissions = { permissions }
57+ isPremium = { hasPremiumLicense }
5558/>
5659{ showOrganizations && (
5760< OrganizationsSettingsNavigation
@@ -69,6 +72,7 @@ interface DeploymentSettingsNavigationProps {
6972active :boolean ;
7073/** Site-wide permissions. */
7174permissions :Permissions ;
75+ isPremium :boolean ;
7276}
7377
7478/**
@@ -81,6 +85,7 @@ interface DeploymentSettingsNavigationProps {
8185const DeploymentSettingsNavigation :FC < DeploymentSettingsNavigationProps > = ( {
8286active,
8387permissions,
88+ isPremium,
8489} ) => {
8590return (
8691< div css = { { paddingBottom :12 } } >
@@ -150,7 +155,9 @@ const DeploymentSettingsNavigation: FC<DeploymentSettingsNavigationProps> = ({
150155</ Stack >
151156</ SidebarNavSubItem >
152157) }
153- < SidebarNavSubItem href = "premium" > Premium</ SidebarNavSubItem >
158+ { ! isPremium && (
159+ < SidebarNavSubItem href = "premium" > Premium</ SidebarNavSubItem >
160+ ) }
154161</ Stack >
155162) }
156163</ div >