From fff82bca5bbaaa8dfd28cd70e5d83b9ade82b186 Mon Sep 17 00:00:00 2001
From: Jordi Enric <jordi.err@gmail.com>
Date: Sat, 28 Dec 2024 15:41:11 +0100
Subject: [PATCH] fix crash

---
 .../components/Editor/editor-category-picker.tsx  |  4 ++--
 apps/web/src/components/Editor/upload-image.ts    | 15 +++++++++------
 apps/web/src/components/Images/ImagePicker.tsx    |  4 ----
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/components/Editor/editor-category-picker.tsx b/apps/web/src/components/Editor/editor-category-picker.tsx
index 8b9304e..875eb93 100644
--- a/apps/web/src/components/Editor/editor-category-picker.tsx
+++ b/apps/web/src/components/Editor/editor-category-picker.tsx
@@ -39,7 +39,7 @@ export function EditorCategoryPicker({
 }) {
   const [open, setOpen] = useState(false);
   const hasCategory = value !== null;
-  const selectedCategory = categories.find((c) => c.id === value);
+  const selectedCategory = categories?.find?.((c) => c.id === value);
   return (
     <>
       <CreateCategoryDialog open={open} setOpen={setOpen} />
@@ -74,7 +74,7 @@ export function EditorCategoryPicker({
                   <Plus />
                 </Button>
               </DropdownMenuLabel>
-              {categories?.map((category) => (
+              {categories?.map?.((category) => (
                 <DropdownMenuItem
                   className={cn(
                     value === category.id && "bg-zinc-100 text-orange-500"
diff --git a/apps/web/src/components/Editor/upload-image.ts b/apps/web/src/components/Editor/upload-image.ts
index 3fc8abc..a61626a 100644
--- a/apps/web/src/components/Editor/upload-image.ts
+++ b/apps/web/src/components/Editor/upload-image.ts
@@ -11,7 +11,6 @@ export const UploadImagesPlugin = ({ imageClass }: { imageClass: string }) =>
         return DecorationSet.empty;
       },
       apply(tr, set) {
-        console.log("tr", tr);
         set = set.map(tr.mapping, tr.doc);
         // See if the transaction adds or removes any placeholders
         const action = tr.getMeta(uploadKey);
@@ -31,7 +30,7 @@ export const UploadImagesPlugin = ({ imageClass }: { imageClass: string }) =>
           });
           set = set.add(tr.doc, [deco]);
         } else if (action?.remove) {
-          console.log('action rm', action)
+          console.log("action rm", action);
           // biome-ignore lint/suspicious/noDoubleEquals: <explanation>
           set = set.remove(
             set.find(
@@ -41,7 +40,7 @@ export const UploadImagesPlugin = ({ imageClass }: { imageClass: string }) =>
             )
           );
         }
-        console.log('set', set)
+        console.log("set", set);
         return set;
       },
     },
@@ -71,7 +70,7 @@ export const createImageUpload =
   (file, blogId) => {
     // check if the file is an image
     const validated = validateFn?.(file);
-    if (!validated) return Promise.resolve('');
+    if (!validated) return Promise.resolve("");
 
     // A fresh object to act as the ID for this upload
     const id = {};
@@ -132,7 +131,9 @@ export const handleImagePaste = (
             view.dispatch(transaction);
           },
           () => {
-            const transaction = view.state.tr.setMeta(uploadKey, { remove: { id } });
+            const transaction = view.state.tr.setMeta(uploadKey, {
+              remove: { id },
+            });
             view.dispatch(transaction);
           }
         );
@@ -192,7 +193,9 @@ export const handleImageDrop = (
             view.dispatch(transaction);
           },
           () => {
-            const transaction = view.state.tr.setMeta(uploadKey, { remove: { id } });
+            const transaction = view.state.tr.setMeta(uploadKey, {
+              remove: { id },
+            });
             view.dispatch(transaction);
           }
         );
diff --git a/apps/web/src/components/Images/ImagePicker.tsx b/apps/web/src/components/Images/ImagePicker.tsx
index bf4a4ad..a80f351 100644
--- a/apps/web/src/components/Images/ImagePicker.tsx
+++ b/apps/web/src/components/Images/ImagePicker.tsx
@@ -50,10 +50,6 @@ export function ImagePicker({
     enabled: open,
   });
 
-  console.log("media", media);
-  console.log("media", media);
-  console.log("media", media);
-
   const [tab, setTab] = useState("images");
   const [imageUrl, setImageUrl] = useState("");