Upload image button

src/components/SlashMenu.tsx

@@ -9,9 +9,7 @@ import {
     AlignLeft, AlignCenter, AlignRight,
     Trash2, AppWindow
 } from "lucide-solid";
-import { cn, convertImageToWebpFile } from "@/lib/utils";
-import { activeTaskId, uploadTaskAttachment, activeNoteId, uploadNoteAttachment } from "@/store";
-import { toast } from "solid-sonner";
+import { cn } from "@/lib/utils";
 
 export interface CommandItem {
     title: string;
@@ -122,54 +120,7 @@ export const getSuggestionItems = ({ query }: { query: string }): CommandItem[]
             description: "Upload an image.",
             icon: ImageIcon,
             command: ({ editor, range }: { editor: any, range: any }) => {
-                editor.chain().focus().deleteRange(range).run();
-
-                const taskId = activeTaskId();
-                const noteId = activeNoteId();
-
-                if (!taskId && !noteId) {
-                    toast.error("Cannot upload image outside of a task or note.");
-                    return;
-                }
-
-                const input = document.createElement("input");
-                input.type = "file";
-                input.accept = "image/*";
-                input.onchange = async () => {
-                    if (input.files?.length) {
-                        const originalFile = input.files[0];
-                        toast.promise(
-                            (async () => {
-                                const webpFile = await convertImageToWebpFile(originalFile);
-                                if (taskId) {
-                                    return uploadTaskAttachment(taskId, webpFile);
-                                } else {
-                                    return uploadNoteAttachment(noteId!, webpFile);
-                                }
-                            })(),
-                            {
-                                loading: "Processing & uploading image...",
-                                success: (url) => {
-                                    // Insert image, then run enter to add a newline (paragraph) below it.
-                                    // Without this, the image stays selected and the next keypress deletes it.
-                                    editor.chain()
-                                        .focus()
-                                        .setImage({ src: url })
-                                        .run();
-
-                                    // Manually force a new paragraph at the end so the user can keep typing
-                                    editor.chain()
-                                        .focus('end')
-                                        .insertContent('<p></p>')
-                                        .run();
-                                    return "Image uploaded.";
-                                },
-                                error: "Failed to upload image."
-                            }
-                        );
-                    }
-                };
-                input.click();
+                editor.chain().focus().deleteRange(range).uploadImage().run();
             },
         },
         {