packages/components/containers/importExportApp/ImportExportAppSection.tsx

   1 import { c } from 'ttag';
   2
   3 import { ButtonLike, Href } from '@proton/atoms';
   4 import SettingsParagraph from '@proton/components/containers/account/SettingsParagraph';
   5 import SettingsSection from '@proton/components/containers/account/SettingsSection';
   6 import { MAIL_APP_NAME } from '@proton/shared/lib/constants';
   7 import { getImportExportAppUrl } from '@proton/shared/lib/helpers/url';
   8
   9 const ImportExportAppSection = () => {
  10     return (
  11         <SettingsSection>
  12             <SettingsParagraph>
  13                 {c('Info')
  14                     .t`The ${MAIL_APP_NAME} Export Tool lets you export decrypted emails from your ${MAIL_APP_NAME} account to your device. You can then view the messages or import them into another email account or email client.`}
  15                 <br />
  16                 {c('Info').t`Available on macOS, Windows, and Linux.`}
  17             </SettingsParagraph>
  18
  19             <ButtonLike color="norm" as={Href} href={getImportExportAppUrl()}>
  20                 {c('Action').t`Download the ${MAIL_APP_NAME} Export Tool`}
  21             </ButtonLike>
  22         </SettingsSection>
  23     );
  24 };
  25
  26 export default ImportExportAppSection;