fix(mobile): Fix invalidation after the sharing and add a placeholder image

2 files changed, 11 insertions, 5 deletions

diff --git a/packages/mobile/app/sharing.tsx b/packages/mobile/app/sharing.tsx
index 89f1a168..5fb5ef8e 100644
--- a/packages/mobile/app/sharing.tsx
+++ b/packages/mobile/app/sharing.tsx
@@ -28,12 +28,12 @@ function SaveBookmark({ setMode }: { setMode: (mode: Mode) => void }) {
   useEffect(() => {
     if (!isPending && shareIntent?.text) {
       mutate({ type: "link", url: shareIntent.text });
-      invalidateAllBookmarks();
     }
   }, []);
 
   const { mutate, isPending } = api.bookmarks.createBookmark.useMutation({
     onSuccess: (d) => {
+      invalidateAllBookmarks();
       setMode({ type: "success", bookmarkId: d.id });
     },
     onError: () => {
diff --git a/packages/mobile/components/bookmarks/BookmarkCard.tsx b/packages/mobile/components/bookmarks/BookmarkCard.tsx
index 57e601f7..607c2fc8 100644
--- a/packages/mobile/components/bookmarks/BookmarkCard.tsx
+++ b/packages/mobile/components/bookmarks/BookmarkCard.tsx
@@ -85,12 +85,18 @@ function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
 
   const parsedUrl = new URL(bookmark.content.url);
 
+  const imageComp = bookmark.content.imageUrl ? (
+    <Image
+      source={{ uri: bookmark.content.imageUrl }}
+      className="h-56 min-h-56 w-full"
+    />
+  ) : (
+    <View className="h-56" />
+  );
+
   return (
     <View className="flex gap-2">
-      <Image
-        source={{ uri: bookmark.content.imageUrl || "" }}
-        className="h-56 min-h-56 w-full"
-      />
+      {imageComp}
       <View className="flex gap-2">
         <Text className="line-clamp-2 text-xl font-bold">
           {bookmark.content.title || parsedUrl.host}