diff --git a/packages/twenty-front/src/App.tsx b/packages/twenty-front/src/App.tsx
index 2a27f6f92..adcdc606c 100644
--- a/packages/twenty-front/src/App.tsx
+++ b/packages/twenty-front/src/App.tsx
@@ -18,6 +18,7 @@ import { NotFound } from '~/pages/not-found/NotFound';
import { Opportunities } from '~/pages/opportunities/Opportunities';
import { SettingsAccounts } from '~/pages/settings/accounts/SettingsAccounts';
import { SettingsAccountsEmails } from '~/pages/settings/accounts/SettingsAccountsEmails';
+import { SettingsAccountsEmailsInboxSettings } from '~/pages/settings/accounts/SettingsAccountsEmailsInboxSettings';
import { SettingsNewAccount } from '~/pages/settings/accounts/SettingsNewAccount';
import { SettingsNewObject } from '~/pages/settings/data-model/SettingsNewObject';
import { SettingsObjectDetail } from '~/pages/settings/data-model/SettingsObjectDetail';
@@ -85,6 +86,10 @@ export const App = () => {
path={SettingsPath.AccountsEmails}
element={}
/>
+ }
+ />
}
diff --git a/packages/twenty-front/src/modules/types/SettingsPath.ts b/packages/twenty-front/src/modules/types/SettingsPath.ts
index c23cb7bc3..88a08a4aa 100644
--- a/packages/twenty-front/src/modules/types/SettingsPath.ts
+++ b/packages/twenty-front/src/modules/types/SettingsPath.ts
@@ -4,6 +4,7 @@ export enum SettingsPath {
Accounts = 'accounts',
NewAccount = 'accounts/new',
AccountsEmails = 'accounts/emails',
+ AccountsEmailsInboxSettings = 'accounts/emails/:accountUuid',
Objects = 'objects',
ObjectDetail = 'objects/:objectSlug',
ObjectEdit = 'objects/:objectSlug/edit',
diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx
new file mode 100644
index 000000000..6f8b14c3f
--- /dev/null
+++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx
@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+
+import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
+import { AppPath } from '@/types/AppPath';
+import { IconSettings } from '@/ui/display/icon';
+import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
+import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
+import { mockedAccounts } from '~/testing/mock-data/accounts';
+
+export const SettingsAccountsEmailsInboxSettings = () => {
+ const navigate = useNavigate();
+ const { accountUuid = '' } = useParams();
+ const account = mockedAccounts.find(
+ (account) => account.uuid === accountUuid,
+ );
+
+ useEffect(() => {
+ if (!account) navigate(AppPath.NotFound);
+ }, [account, navigate]);
+
+ return (
+
+
+
+
+
+ );
+};