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 ( + + + + + + ); +};