applications/drive/src/app/components/sections/ContextMenu/buttons/OpenInDocsButton.tsx

   1 import { MimeIcon } from '@proton/components';
   2 import { getOpenInDocsString } from '@proton/shared/lib/drive/translations';
   3
   4 import { useOpenInDocs } from '../../../../store/_documents';
   5 import ContextMenuButton from '../ContextMenuButton';
   6
   7 interface Props {
   8     selectedBrowserItem: { rootShareId: string; linkId: string; mimeType: string; parentLinkId: string };
   9     close: () => void;
  10 }
  11
  12 const OpenInDocsButton = ({ selectedBrowserItem, close }: Props) => {
  13     const { openInDocsAction } = useOpenInDocs(selectedBrowserItem);
  14
  15     return (
  16         <ContextMenuButton
  17             name={getOpenInDocsString(selectedBrowserItem.mimeType)}
  18             icon={<MimeIcon name="proton-doc" className="mr-2" />}
  19             testId="context-menu-open-in-docs"
  20             action={() => {
  21                 void openInDocsAction({ shareId: selectedBrowserItem.rootShareId, linkId: selectedBrowserItem.linkId });
  22             }}
  23             close={close}
  24         />
  25     );
  26 };
  27
  28 export default OpenInDocsButton;