feat: Import improvements (#3064)

* feat: Split and simplify import/export pages in prep for more options

* minor fixes

* File operations for imports

* test

* icons

server/queues/processors/websockets.ts

@@ -3,13 +3,18 @@ import { Op } from "sequelize";
 import {
   Document,
   Collection,
+  FileOperation,
   Group,
   CollectionGroup,
   GroupUser,
   Pin,
   Star,
 } from "@server/models";
-import { presentPin, presentStar } from "@server/presenters";
+import {
+  presentFileOperation,
+  presentPin,
+  presentStar,
+} from "@server/presenters";
 import { Event } from "../../types";
 
 export default class WebsocketsProcessor {
@@ -354,10 +359,14 @@ export default class WebsocketsProcessor {
         return;
       }
 
+      case "fileOperations.create":
       case "fileOperations.update": {
-        return socketio
-          .to(`user-${event.actorId}`)
-          .emit("fileOperations.update", event.data);
+        const fileOperation = await FileOperation.findByPk(event.modelId);
+        if (!fileOperation) {
+          return;
+        }
+        const data = await presentFileOperation(fileOperation);
+        return socketio.to(`user-${event.actorId}`).emit(event.name, data);
       }
 
       case "pins.create":