fix image fallback bug

src/app/space/components/addImage.tsx

@@ -4,6 +4,7 @@ import { CancelIcon } from "@shared/icons";
 import { Image } from "@shared/image";
 import { RelayContext } from "@shared/relayProvider";
 import { useActiveAccount } from "@stores/accounts";
+import { DEFAULT_AVATAR } from "@stores/constants";
 import { open } from "@tauri-apps/api/dialog";
 import { Body, fetch } from "@tauri-apps/api/http";
 import { createBlobFromFile } from "@utils/createBlobFromFile";
@@ -206,6 +207,7 @@ export function AddImageBlock({ parentState }: { parentState: any }) {
 										<div className="relative inline-flex h-56 w-full items-center justify-center overflow-hidden rounded-lg border border-zinc-900 bg-zinc-950">
 											<Image
 												src={image}
+												fallback={DEFAULT_AVATAR}
 												alt="content"
 												className="relative z-10 max-h-[156px] h-auto w-[150px] object-cover rounded-md"
 											/>

src/app/space/components/blocks/image.tsx

@@ -1,7 +1,7 @@
-import { CancelIcon } from "@shared/icons";
 import { Image } from "@shared/image";
 import { TitleBar } from "@shared/titleBar";
 import { useActiveAccount } from "@stores/accounts";
+import { DEFAULT_AVATAR } from "@stores/constants";
 
 export function ImageBlock({ params }: { params: any }) {
 	const removeBlock = useActiveAccount((state: any) => state.removeBlock);
@@ -16,6 +16,7 @@ export function ImageBlock({ params }: { params: any }) {
 			<div className="w-full flex-1 p-3">
 				<Image
 					src={params.content}
+					fallback={DEFAULT_AVATAR}
 					alt={params.title}
 					className="w-full h-full object-cover rounded-md"
 				/>