feat: Allow deletion of imports (#5907)

app/menus/FileOperationMenu.tsx

@@ -2,17 +2,21 @@ import { DownloadIcon, TrashIcon } from "outline-icons";
 import * as React from "react";
 import { useTranslation } from "react-i18next";
 import { useMenuState } from "reakit/Menu";
+import { FileOperationState, FileOperationType } from "@shared/types";
+import FileOperation from "~/models/FileOperation";
 import ContextMenu from "~/components/ContextMenu";
 import OverflowMenuButton from "~/components/ContextMenu/OverflowMenuButton";
 import Template from "~/components/ContextMenu/Template";
+import usePolicy from "~/hooks/usePolicy";
 
 type Props = {
-  id: string;
+  fileOperation: FileOperation;
   onDelete: (ev: React.SyntheticEvent) => Promise<void>;
 };
 
-function FileOperationMenu({ id, onDelete }: Props) {
+function FileOperationMenu({ fileOperation, onDelete }: Props) {
   const { t } = useTranslation();
+  const can = usePolicy(fileOperation.id);
   const menu = useMenuState({
     modal: true,
   });
@@ -28,7 +32,10 @@ function FileOperationMenu({ id, onDelete }: Props) {
               type: "link",
               title: t("Download"),
               icon: <DownloadIcon />,
-              href: "/api/fileOperations.redirect?id=" + id,
+              visible:
+                fileOperation.type === FileOperationType.Export &&
+                fileOperation.state === FileOperationState.Complete,
+              href: fileOperation.downloadUrl,
             },
             {
               type: "separator",
@@ -36,6 +43,7 @@ function FileOperationMenu({ id, onDelete }: Props) {
             {
               type: "button",
               title: t("Delete"),
+              visible: can.delete,
               icon: <TrashIcon />,
               dangerous: true,
               onClick: onDelete,