fix: prevent app crash in some cases

packages/ark/src/components/note/buttons/pin.tsx

@@ -4,12 +4,21 @@ import * as Tooltip from "@radix-ui/react-tooltip";
 import { useTranslation } from "react-i18next";
 import { useColumnContext } from "../../column/provider";
 import { useNoteContext } from "../provider";
+import { toast } from "sonner";
 
 export function NotePin() {
-	const event = useNoteContext();
-
   const { t } = useTranslation();
   const { addColumn } = useColumnContext();
+  const event = useNoteContext();
+
+  const pin = async () => {
+    if (!event) toast.error("Something is wrong!");
+    await addColumn({
+      kind: COL_TYPES.thread,
+      title: "Thread",
+      content: event?.id,
+    });
+  };
 
   return (
     <Tooltip.Provider>
@@ -17,13 +26,7 @@ export function NotePin() {
         <Tooltip.Trigger asChild>
           <button
             type="button"
-						onClick={async () =>
-							await addColumn({
-								kind: COL_TYPES.thread,
-								title: "Thread",
-								content: event.id,
-							})
-						}
+            onClick={() => pin()}
             className="inline-flex items-center justify-center gap-2 pl-2 pr-3 text-sm font-medium rounded-full h-7 w-max bg-neutral-100 hover:bg-neutral-200 dark:hover:bg-neutral-800 dark:bg-neutral-900"
           >
             <PinIcon className="size-4" />

packages/ark/src/components/note/preview/image.tsx

@@ -3,8 +3,10 @@ import { downloadDir } from "@tauri-apps/api/path";
 import { Window } from "@tauri-apps/api/window";
 import { download } from "@tauri-apps/plugin-upload";
 import { SyntheticEvent, useState } from "react";
+import { useNoteContext } from "../provider";
 
 export function ImagePreview({ url }: { url: string }) {
+  const event = useNoteContext();
   const [downloaded, setDownloaded] = useState(false);
 
   const downloadImage = async (e: { stopPropagation: () => void }) => {
@@ -22,10 +24,9 @@ export function ImagePreview({ url }: { url: string }) {
   };
 
   const open = async () => {
-		const name = new URL(url).pathname.split("/").pop();
-		return new Window("image-viewer", {
+    return new Window(`image-viewer-${event.id}`, {
       url,
-			title: name,
+      title: "Image Viewer",
     });
   };
 

packages/ark/src/components/note/primitives/thread.tsx

@@ -3,12 +3,16 @@ import { useEvent } from "../../../hooks/useEvent";
 import { User } from "../../user";
 
 export function ThreadNote({ eventId }: { eventId: string }) {
-	const { isLoading, data } = useEvent(eventId);
+  const { isLoading, isError, data } = useEvent(eventId);
 
-	if (isLoading) {
+  if (isLoading || !data) {
     return <div>Loading...</div>;
   }
 
+  if (isError) {
+    return <div>Error</div>;
+  }
+
   return (
     <Note.Provider event={data}>
       <Note.Root className="flex flex-col rounded-xl bg-neutral-50 dark:bg-neutral-950">