toggle clients with feature flag

src/app/[orgId]/settings/clients/layout.tsx

@@ -0,0 +1,21 @@
+import { redirect } from "next/navigation";
+import { pullEnv } from "@app/lib/pullEnv";
+
+export const dynamic = "force-dynamic";
+
+interface SettingsLayoutProps {
+    children: React.ReactNode;
+    params: Promise<{ orgId: string }>;
+}
+
+export default async function SettingsLayout(props: SettingsLayoutProps) {
+    const params = await props.params;
+    const { children } = props;
+    const env = pullEnv();
+
+    if (!env.flags.enableClients) {
+        redirect(`/${params.orgId}/settings`);
+    }
+
+    return children;
+}

src/app/[orgId]/settings/layout.tsx

@@ -19,7 +19,8 @@ import UserProvider from "@app/providers/UserProvider";
 import { Layout } from "@app/components/Layout";
 import { SidebarNavItem, SidebarNavProps } from "@app/components/SidebarNav";
 import { orgNavItems } from "@app/app/navigation";
-import { getTranslations } from 'next-intl/server';
+import { getTranslations } from "next-intl/server";
+import { pullEnv } from "@app/lib/pullEnv";
 
 export const dynamic = "force-dynamic";
 
@@ -28,39 +29,6 @@ export const metadata: Metadata = {
     description: ""
 };
 
-const topNavItems = [
-    {
-        title: "Sites",
-        href: "/{orgId}/settings/sites",
-        icon: <Combine className="h-4 w-4" />
-    },
-    {
-        title: "Resources",
-        href: "/{orgId}/settings/resources",
-        icon: <Waypoints className="h-4 w-4" />
-    },
-    {
-        title: "Clients",
-        href: "/{orgId}/settings/clients",
-        icon: <Workflow className="h-4 w-4" />
-    },
-    {
-        title: "Users & Roles",
-        href: "/{orgId}/settings/access",
-        icon: <Users className="h-4 w-4" />
-    },
-    {
-        title: "Shareable Links",
-        href: "/{orgId}/settings/share-links",
-        icon: <LinkIcon className="h-4 w-4" />
-    },
-    {
-        title: "General",
-        href: "/{orgId}/settings/general",
-        icon: <Settings className="h-4 w-4" />
-    }
-];
-
 interface SettingsLayoutProps {
     children: React.ReactNode;
     params: Promise<{ orgId: string }>;
@@ -74,6 +42,8 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
     const getUser = cache(verifySession);
     const user = await getUser();
 
+    const env = pullEnv();
+
     if (!user) {
         redirect(`/`);
     }
@@ -92,7 +62,7 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
         const orgUser = await getOrgUser();
 
         if (!orgUser.data.data.isAdmin && !orgUser.data.data.isOwner) {
-            throw new Error(t('userErrorNotAdminOrOwner'));
+            throw new Error(t("userErrorNotAdminOrOwner"));
         }
     } catch {
         redirect(`/${params.orgId}`);
@@ -112,6 +82,21 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
         }
     } catch (e) {}
 
+    if (env.flags.enableClients) {
+        const existing = orgNavItems.find(
+            (item) => item.title === "sidebarClients"
+        );
+        if (!existing) {
+            const clientsNavItem = {
+                title: "sidebarClients",
+                href: "/{orgId}/settings/clients",
+                icon: <Workflow className="h-4 w-4" />
+            };
+
+            orgNavItems.splice(1, 0, clientsNavItem);
+        }
+    }
+
     return (
         <UserProvider user={user}>
             <Layout orgId={params.orgId} orgs={orgs} navItems={orgNavItems}>

src/app/navigation.tsx

@@ -39,11 +39,6 @@ export const orgNavItems: SidebarNavItem[] = [
         href: "/{orgId}/settings/resources",
         icon: <Waypoints className="h-4 w-4" />
     },
-    {
-        title: "sidebarClients",
-        href: "/{orgId}/settings/clients",
-        icon: <Workflow className="h-4 w-4" />
-    },
     {
         title: "sidebarAccessControl",
         href: "/{orgId}/settings/access",

src/lib/pullEnv.ts

@@ -45,7 +45,9 @@ export function pullEnv(): Env {
             disableBasicWireguardSites:
                 process.env.FLAGS_DISABLE_BASIC_WIREGUARD_SITES === "true"
                     ? true
-                    : false
+                    : false,
+            enableClients:
+                process.env.FLAGS_ENABLE_CLIENTS === "true" ? true : false
         }
     };
 }

src/lib/types/env.ts

@@ -24,5 +24,6 @@ export type Env = {
         allowBaseDomainResources: boolean;
         disableLocalSites: boolean;
         disableBasicWireguardSites: boolean;
+        enableClients: boolean;
     };
 };