packages/components/containers/otherMailPreferences/OtherMailPreferencesSection.tsx

   1 import { useOrganization } from '@proton/account/organization/hooks';
   2 import { useUser } from '@proton/account/user/hooks';
   3 import { FeatureCode, useFeature } from '@proton/features';
   4 import { isElectronMail } from '@proton/shared/lib/helpers/desktop';
   5 import { getIsB2BAudienceFromPlan } from '@proton/shared/lib/helpers/subscription';
   6
   7 import { KeyboardShortcut } from './KeyboardShortcut';
   8 import { SenderImages } from './SenderImages';
   9 import { TipsAndInsights } from './TipsAndInsights';
  10 import { UnreadFaviconCounter } from './UnreadFaviconCounter';
  11
  12 export const OtherMailPreferencesSection = () => {
  13     const isUnreadFaviconEnabled = !!useFeature(FeatureCode.UnreadFavicon).feature?.Value;
  14     const [organization] = useOrganization();
  15     const [user] = useUser();
  16
  17     const isB2BAudience = getIsB2BAudienceFromPlan(organization?.PlanName);
  18     const canToggleTips = user.isPaid && !isB2BAudience;
  19
  20     return (
  21         <>
  22             <KeyboardShortcut />
  23             <SenderImages />
  24             {isUnreadFaviconEnabled && !isElectronMail && <UnreadFaviconCounter />}
  25             {canToggleTips && <TipsAndInsights />}
  26         </>
  27     );
  28 };