From 4b8fb934c3027f12654c8f77b29422211e5d74db Mon Sep 17 00:00:00 2001
From: Dima Grossman <dima@grossman.io>
Date: Sun, 8 Dec 2024 23:38:55 +0200
Subject: [PATCH] feat: add FF

---
 .../components/side-navigation/side-navigation.tsx   | 12 +++++++++++-
 packages/shared/src/types/feature-flags.ts           |  1 +
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/src/components/side-navigation/side-navigation.tsx b/apps/dashboard/src/components/side-navigation/side-navigation.tsx
index cdafcf23875..841084f1141 100644
--- a/apps/dashboard/src/components/side-navigation/side-navigation.tsx
+++ b/apps/dashboard/src/components/side-navigation/side-navigation.tsx
@@ -12,6 +12,8 @@ import { useEnvironment } from '@/context/environment/hooks';
 import { buildRoute, LEGACY_ROUTES, ROUTES } from '@/utils/routes';
 import { TelemetryEvent } from '@/utils/telemetry';
 import { useTelemetry } from '@/hooks/use-telemetry';
+import { useFeatureFlag } from '@/hooks/use-feature-flag';
+import { FeatureFlagsKeysEnum } from '@novu/shared';
 import { EnvironmentDropdown } from './environment-dropdown';
 import { OrganizationDropdown } from './organization-dropdown';
 import { FreeTrialCard } from './free-trial-card';
@@ -32,6 +34,7 @@ const NavigationGroup = ({ children, label }: { children: ReactNode; label?: str
 export const SideNavigation = () => {
   const { currentEnvironment, environments, switchEnvironment } = useEnvironment();
   const track = useTelemetry();
+  const isNewActivityFeedEnabled = useFeatureFlag(FeatureFlagsKeysEnum.IS_NEW_DASHBOARD_ACTIVITY_FEED_ENABLED, false);
   const environmentNames = useMemo(() => environments?.map((env) => env.name), [environments]);
   const onEnvironmentChange = (value: string) => {
     const environment = environments?.find((env) => env.name === value);
@@ -60,7 +63,14 @@ export const SideNavigation = () => {
               </SubscribersStayTunedModal>
             </NavigationGroup>
             <NavigationGroup label="Monitor">
-              <NavigationLink to={LEGACY_ROUTES.ACTIVITY_FEED} isExternal>
+              <NavigationLink
+                to={
+                  isNewActivityFeedEnabled
+                    ? buildRoute(ROUTES.ACTIVITY_FEED, { environmentSlug: currentEnvironment?.slug ?? '' })
+                    : LEGACY_ROUTES.ACTIVITY_FEED
+                }
+                isExternal={!isNewActivityFeedEnabled}
+              >
                 <RiBarChartBoxLine className="size-4" />
                 <span>Activity Feed</span>
               </NavigationLink>
diff --git a/packages/shared/src/types/feature-flags.ts b/packages/shared/src/types/feature-flags.ts
index 0ce67b9b144..8da03b49852 100644
--- a/packages/shared/src/types/feature-flags.ts
+++ b/packages/shared/src/types/feature-flags.ts
@@ -45,4 +45,5 @@ export enum FeatureFlagsKeysEnum {
   IS_NEW_DASHBOARD_ENABLED = 'IS_NEW_DASHBOARD_ENABLED',
   IS_NEW_DASHBOARD_GETTING_STARTED_ENABLED = 'IS_NEW_DASHBOARD_GETTING_STARTED_ENABLED',
   IS_ND_DELAY_DIGEST_EMAIL_ENABLED = 'IS_ND_DELAY_DIGEST_EMAIL_ENABLED',
+  IS_NEW_DASHBOARD_ACTIVITY_FEED_ENABLED = 'IS_NEW_DASHBOARD_ACTIVITY_FEED_ENABLED',
 }