packages/components/containers/otherMailPreferences/SenderImages.tsx

   1 import { c } from 'ttag';
   2
   3 import Info from '@proton/components/components/link/Info';
   4 import SettingsLayout from '@proton/components/containers/account/SettingsLayout';
   5 import SettingsLayoutLeft from '@proton/components/containers/account/SettingsLayoutLeft';
   6 import SettingsLayoutRight from '@proton/components/containers/account/SettingsLayoutRight';
   7
   8 import SenderImagesToggle from './SenderImagesToggle';
   9
  10 export const SenderImages = () => {
  11     return (
  12         <SettingsLayout>
  13             <SettingsLayoutLeft>
  14                 <label htmlFor="senderImagesToggle">
  15                     <span className="text-semibold mr-2">{c('Label').t`Show sender images`}</span>
  16                     <Info
  17                         title={c('Tooltip')
  18                             .t`Show each sender's image in the message list. The sender's initials will be shown if a photo is not available.`}
  19                     />
  20                 </label>
  21             </SettingsLayoutLeft>
  22             <SettingsLayoutRight isToggleContainer>
  23                 <SenderImagesToggle className="mr-4" id="senderImagesToggle" />
  24             </SettingsLayoutRight>
  25         </SettingsLayout>
  26     );
  27 };