applications/drive/src/app/components/modals/SelectLinkToShareModal/EmptyFileTreePlaceholder.tsx

   1 import { c } from 'ttag';
   2
   3 import noContentSvg from '@proton/styles/assets/img/illustrations/empty-folder.svg';
   4
   5 const EmptyFileTreePlaceholder = () => {
   6     const title = c('Title').t`You have no files to share`;
   7
   8     return (
   9         <div className="p-4 flex flex-column items-center w-full">
  10             <img src={noContentSvg} alt="" className="p-4 mb-4 w-1/3" />
  11             <h2 className="text-bold">{title}</h2>
  12             <p className="m-0 pb-11">{c('Info').t`Go to "My files" and upload some files first.`}</p>
  13         </div>
  14     );
  15 };
  16
  17 export default EmptyFileTreePlaceholder;