packages/components/containers/topBanners/UnreachableTopBanner.tsx

   1 import { c } from 'ttag';
   2
   3 import { Href } from '@proton/atoms';
   4 import { PROTON_WEBSITES } from '@proton/shared/lib/constants';
   5
   6 import TopBanner from './TopBanner';
   7
   8 interface Props {
   9     errorMessage: string;
  10 }
  11 const UnreachableTopBanner = ({ errorMessage }: Props) => {
  12     // translator: At the end of a longer sentence "Servers are unreachable. Please try again in a few minutes. You can also check our status page"
  13     const statusPageLink = (
  14         <Href key="link" href={PROTON_WEBSITES.PROTON_STATUS_PAGE} target="_blank">{c('Error').t`status page`}</Href>
  15     );
  16     // translator: full sentence "Servers are unreachable. Please try again in a few minutes. You can also check our status page"
  17     const errorMessageWithStatusPage = c('Error').jt`${errorMessage}. You can also check our ${statusPageLink}`;
  18
  19     return <TopBanner className="bg-danger">{errorMessageWithStatusPage}</TopBanner>;
  20 };
  21
  22 export default UnreachableTopBanner;