From 3ed92b2f8004f420acbc99464a925e4d842a5fce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tha=C3=AFs?= <guigon.thais@gmail.com>
Date: Tue, 12 Dec 2023 12:21:10 +0100
Subject: [PATCH] feat: add Settings/Accounts/Emails Emails Sync section with
 empty state (#2941)

Closes #2823
---
 .../SettingsAccountsEmailsSyncSection.tsx          | 14 ++++++++++++++
 .../settings/accounts/SettingsAccountsEmails.tsx   |  2 ++
 2 files changed, 16 insertions(+)
 create mode 100644 packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsSyncSection.tsx

diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsSyncSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsSyncSection.tsx
new file mode 100644
index 000000000..06e600ce6
--- /dev/null
+++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsSyncSection.tsx
@@ -0,0 +1,14 @@
+import { H2Title } from '@/ui/display/typography/components/H2Title';
+import { Section } from '@/ui/layout/section/components/Section';
+
+import { SettingsAccountsEmptyStateCard } from './SettingsAccountsEmptyStateCard';
+
+export const SettingsAccountsEmailsSyncSection = () => (
+  <Section>
+    <H2Title
+      title="Emails sync"
+      description="Sync your inboxes and set your privacy settings"
+    />
+    <SettingsAccountsEmptyStateCard />
+  </Section>
+);
diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx
index 384119e6e..f46dc331e 100644
--- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx
+++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx
@@ -1,3 +1,4 @@
+import { SettingsAccountsEmailsSyncSection } from '@/settings/accounts/components/SettingsAccountsEmailsSyncSection';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { IconSettings } from '@/ui/display/icon';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
@@ -12,6 +13,7 @@ export const SettingsAccountsEmails = () => (
           { children: 'Emails' },
         ]}
       />
+      <SettingsAccountsEmailsSyncSection />
     </SettingsPageContainer>
   </SubMenuTopBarContainer>
 );