feat: add Settings/Accounts/Emails/Inbox Settings visibility section (#3077)

* feat: add Settings/Accounts/Emails/Inbox Settings page

Closes #3013

* feat: add Settings/Accounts/Emails/Inbox Settings synchronization section

Closes #3014

* feat: add Settings/Accounts/Emails/Inbox Settings visibility section

Closes #3015

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Thaïs
2023-12-20 16:09:47 +01:00
committed by GitHub
parent 5bbd1a7c49
commit 6c30556d00
7 changed files with 186 additions and 26 deletions

View File

@ -2,6 +2,10 @@ import { useEffect } from 'react';
import { useNavigate, useParams } from 'react-router-dom';
import { SettingsAccountsInboxSettingsSynchronizationSection } from '@/settings/accounts/components/SettingsAccountsInboxSettingsSynchronizationSection';
import {
InboxSettingsVisibilityValue,
SettingsAccountsInboxSettingsVisibilitySection,
} from '@/settings/accounts/components/SettingsAccountsInboxSettingsVisibilitySection';
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
import { AppPath } from '@/types/AppPath';
import { IconSettings } from '@/ui/display/icon';
@ -20,9 +24,11 @@ export const SettingsAccountsEmailsInboxSettings = () => {
if (!account) navigate(AppPath.NotFound);
}, [account, navigate]);
const handleToggle = (_value: boolean) => {};
if (!account) return null;
if (!account) return <></>;
const handleSynchronizationToggle = (_value: boolean) => {};
const handleVisibilityChange = (_value: InboxSettingsVisibilityValue) => {};
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
@ -36,7 +42,11 @@ export const SettingsAccountsEmailsInboxSettings = () => {
/>
<SettingsAccountsInboxSettingsSynchronizationSection
account={account}
onToggle={handleToggle}
onToggle={handleSynchronizationToggle}
/>
<SettingsAccountsInboxSettingsVisibilitySection
value={account.visibility}
onChange={handleVisibilityChange}
/>
</SettingsPageContainer>
</SubMenuTopBarContainer>