3865-Add-Integrations (#3870)

* initial commit setup

* ui done

* added links

* changed brand logos

* Twenty logo fix

* Windmill logo fix

* Fix typo

* Add feature flag

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx

@@ -4,6 +4,7 @@ import { useMatch, useNavigate, useResolvedPath } from 'react-router-dom';
 import { useAuth } from '@/auth/hooks/useAuth';
 import { AppPath } from '@/types/AppPath';
 import {
+  IconApps,
   IconAt,
   IconCalendarEvent,
   IconColorSwatch,
@@ -31,6 +32,12 @@ export const SettingsNavigationDrawerItems = () => {
   }, [signOut, navigate]);
 
   const isMessagingEnabled = useIsFeatureEnabled('IS_MESSAGING_ENABLED');
+  const isIntegrationsEnabled = useIsFeatureEnabled('IS_INTEGRATIONS_ENABLED');
+  const isIntegrationsItemActive = !!useMatch({
+    path: useResolvedPath('/settings/integrations').pathname,
+    end: true,
+  });
+
   const isAccountsItemActive = !!useMatch({
     path: useResolvedPath('/settings/accounts').pathname,
     end: true,
@@ -137,6 +144,14 @@ export const SettingsNavigationDrawerItems = () => {
             })
           }
         />
+        {isIntegrationsEnabled && (
+          <NavigationDrawerItem
+            label="Integrations"
+            to="/settings/integrations"
+            Icon={IconApps}
+            active={isIntegrationsItemActive}
+          />
+        )}
       </NavigationDrawerSection>
 
       <NavigationDrawerSection>

packages/twenty-front/src/modules/types/SettingsPath.ts

@@ -17,6 +17,7 @@ export enum SettingsPath {
   Developers = '',
   DevelopersNewApiKey = 'api-keys/new',
   DevelopersApiKeyDetail = 'api-keys/:apiKeyId',
+  Integrations = 'integrations',
   DevelopersNewWebhook = 'webhooks/new',
   DevelopersNewWebhookDetail = 'webhooks/:webhookId',
 }

packages/twenty-front/src/modules/ui/display/icon/index.ts

@@ -16,6 +16,7 @@ export {
   IconAt,
   IconBaselineDensitySmall,
   IconBell,
+  IconBolt,
   IconBox,
   IconBrandGithub,
   IconBrandGoogle,

packages/twenty-front/src/modules/workspace/types/FeatureFlagKey.ts

@@ -1,4 +1,5 @@
 export type FeatureFlagKey =
   | 'IS_MESSAGING_ENABLED'
+  | 'IS_INTEGRATIONS_ENABLED'
   | 'IS_QUICK_ACTIONS_ENABLED'
   | 'IS_NEW_RECORD_BOARD_ENABLED';