diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsCardMedia.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx similarity index 88% rename from packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsCardMedia.tsx rename to packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx index cbf7f28d4..69f4e60e0 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsCardMedia.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCardMedia.tsx @@ -14,4 +14,4 @@ const StyledCardMedia = styled.div` width: ${({ theme }) => theme.spacing(6)}; `; -export { StyledCardMedia as SettingsAccountsInboxSettingsCardMedia }; +export { StyledCardMedia as SettingsAccountsCardMedia }; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsContactAutoCreationSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsContactAutoCreationSection.tsx index 176b3efc5..15bc3a740 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsContactAutoCreationSection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsInboxSettingsContactAutoCreationSection.tsx @@ -2,7 +2,7 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { MessageChannel } from '@/accounts/types/MessageChannel'; -import { SettingsAccountsInboxSettingsCardMedia } from '@/settings/accounts/components/SettingsAccountsInboxSettingsCardMedia'; +import { SettingsAccountsCardMedia } from '@/settings/accounts/components/SettingsAccountsCardMedia'; import { IconUser } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Toggle } from '@/ui/input/components/Toggle'; @@ -42,9 +42,9 @@ export const SettingsAccountsInboxSettingsContactAutoCreateSection = ({ /> - + - + Auto-creation void; }; -export const SettingsAccountsInboxSettingsSynchronizationSection = ({ - messageChannel, +export const SettingsAccountsSynchronizationSection = ({ + cardTitle, + description, + isSynced, onToggle, -}: SettingsAccountsInboxSettingsSynchronizationSectionProps) => { +}: SettingsAccountsSynchronizationSectionProps) => { const theme = useTheme(); return (
- + - + - - Sync emails - + + {cardTitle} +
diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx index 7edcaa823..2c40e1ee1 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx @@ -1,5 +1,6 @@ import { useParams } from 'react-router-dom'; +import { SettingsAccountsSynchronizationSection } from '@/settings/accounts/components/SettingsAccountsSynchronizationSection'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { SettingsPath } from '@/types/SettingsPath'; @@ -30,6 +31,12 @@ export const SettingsAccountsCalendarsSettings = () => { { children: connectedAccount?.handle || '' }, ]} /> + {}} + /> ); diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx index 6260dbeee..7fd94839f 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx @@ -63,8 +63,10 @@ export const SettingsAccountsEmailsInboxSettings = () => { ]} /> {/* TODO : discuss the desired sync behaviour */} - {/* */}