86c0f311f5
* Proof of concept ComponentState * Migrate to createState and createFamilyState * Refactor * Fix * Fix tests * Fix lint * Fix tests * Re-enable coverage
54 lines
2.2 KiB
TypeScript
54 lines
2.2 KiB
TypeScript
import { useRecoilValue } from 'recoil';
|
|
|
|
import { ConnectedAccount } from '@/accounts/types/ConnectedAccount';
|
|
import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
|
|
import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
|
|
import { SettingsAccountsConnectedAccountsSection } from '@/settings/accounts/components/SettingsAccountsConnectedAccountsSection';
|
|
import { SettingsAccountsEmailsBlocklistSection } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistSection';
|
|
import { SettingsAccountsSettingsSection } from '@/settings/accounts/components/SettingsAccountsSettingsSection';
|
|
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
|
import { IconSettings } from '@/ui/display/icon';
|
|
import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
|
|
import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
|
|
import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
|
|
import { SettingsAccountLoader } from '~/pages/settings/accounts/SettingsAccountLoader';
|
|
|
|
export const SettingsAccounts = () => {
|
|
const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState());
|
|
|
|
const { records: accounts, loading } = useFindManyRecords<ConnectedAccount>({
|
|
objectNameSingular: 'connectedAccount',
|
|
filter: {
|
|
accountOwnerId: {
|
|
eq: currentWorkspaceMember?.id,
|
|
},
|
|
},
|
|
});
|
|
|
|
const isBlocklistEnabled = useIsFeatureEnabled('IS_BLOCKLIST_ENABLED');
|
|
|
|
return (
|
|
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
|
|
<SettingsPageContainer
|
|
style={
|
|
loading
|
|
? { height: '100%', boxSizing: 'border-box', width: '100%' }
|
|
: {}
|
|
}
|
|
>
|
|
<Breadcrumb links={[{ children: 'Accounts' }]} />
|
|
|
|
{loading ? (
|
|
<SettingsAccountLoader />
|
|
) : (
|
|
<>
|
|
<SettingsAccountsConnectedAccountsSection accounts={accounts} />
|
|
{isBlocklistEnabled && <SettingsAccountsEmailsBlocklistSection />}
|
|
<SettingsAccountsSettingsSection />
|
|
</>
|
|
)}
|
|
</SettingsPageContainer>
|
|
</SubMenuTopBarContainer>
|
|
);
|
|
};
|