applications/drive/src/app/components/SharedPage/SharedPageError/SharedPageError.tsx

   1 import { c } from 'ttag';
   2
   3 import { ButtonLike } from '@proton/atoms';
   4 import { DRIVE_LANDING_PAGE } from '@proton/shared/lib/drive/urls';
   5 import notFoundSvg from '@proton/styles/assets/img/illustrations/shared-page-not-found.svg';
   6
   7 import SharedPageLayout from '../Layout/SharedPageLayout';
   8
   9 export default function SharedPageError() {
  10     return (
  11         <SharedPageLayout>
  12             <div className="flex flex-1 items-center py-7 mb-14">
  13                 <div
  14                     className="password-page--form-container ui-standard w-full relative shadow-lifted max-w-custom mx-auto px-8 py-11 rounded"
  15                     style={{ '--max-w-custom': '30rem' }}
  16                 >
  17                     <figure className="flex justify-center pb-7">
  18                         <img className="h-auto" src={notFoundSvg} alt={c('Info').t`Shared link not found`} />
  19                     </figure>
  20                     <h3 className="text-center text-bold">{c('Title').t`Hm, we couldn't find that one`}</h3>
  21                     <p className="text-center mt-2 mb-14">
  22                         {c('Info')
  23                             .t`This file may have been deleted, moved or made unavailable. Try reaching out to the file owner.`}
  24                     </p>
  25                     <ButtonLike as="a" size="large" fullWidth color="norm" href={DRIVE_LANDING_PAGE}>
  26                         {c('Action').t`Back to Homepage`}
  27                     </ButtonLike>
  28                 </div>
  29             </div>
  30         </SharedPageLayout>
  31     );
  32 }