applications/drive/src/app/components/sections/Drive/ToolbarButtons/MoveToTrashButton.tsx

   1 import { c } from 'ttag';
   2
   3 import { Icon, ToolbarButton } from '@proton/components';
   4 import { useLoading } from '@proton/hooks';
   5
   6 import type { DecryptedLink } from '../../../../store';
   7 import { useActions } from '../../../../store';
   8
   9 interface Props {
  10     selectedLinks: DecryptedLink[];
  11 }
  12
  13 const MoveToTrashButton = ({ selectedLinks }: Props) => {
  14     const [isLoading, withLoading] = useLoading();
  15     const { trashLinks } = useActions();
  16
  17     return (
  18         <ToolbarButton
  19             disabled={isLoading}
  20             title={c('Action').t`Move to trash`}
  21             icon={<Icon name="trash" alt={c('Action').t`Move to trash`} />}
  22             onClick={() => withLoading(trashLinks(new AbortController().signal, selectedLinks))}
  23             data-testid="toolbar-trash"
  24         />
  25     );
  26 };
  27
  28 export default MoveToTrashButton;