From e6c9ef4215257eef6afbac7834a58c025fe0d303 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 6 May 2024 19:37:11 +0100
Subject: [PATCH] ui(mobile): Add horizontal margins to the bookmark cards

---
 apps/mobile/app/dashboard/(tabs)/search.tsx               | 2 +-
 apps/mobile/components/bookmarks/BookmarkCard.tsx         | 6 +++++-
 apps/mobile/components/bookmarks/BookmarkList.tsx         | 1 +
 apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx | 4 +++-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/app/dashboard/(tabs)/search.tsx b/apps/mobile/app/dashboard/(tabs)/search.tsx
index 1a79b921..ee029ab8 100644
--- a/apps/mobile/app/dashboard/(tabs)/search.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/search.tsx
@@ -34,7 +34,7 @@ export default function Search() {
             <PageTitle title="Search" />
             <Input
               placeholder="Search"
-              className="mx-4"
+              className="mx-1"
               value={search}
               onChangeText={setSearch}
               autoFocus
diff --git a/apps/mobile/components/bookmarks/BookmarkCard.tsx b/apps/mobile/components/bookmarks/BookmarkCard.tsx
index c995d593..128696a1 100644
--- a/apps/mobile/components/bookmarks/BookmarkCard.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkCard.tsx
@@ -333,5 +333,9 @@ export default function BookmarkCard({
       break;
   }
 
-  return <View className="border-b border-accent bg-background">{comp}</View>;
+  return (
+    <View className="overflow-hidden rounded-xl border-b border-accent bg-background">
+      {comp}
+    </View>
+  );
 }
diff --git a/apps/mobile/components/bookmarks/BookmarkList.tsx b/apps/mobile/components/bookmarks/BookmarkList.tsx
index f24143a7..6eabe4d4 100644
--- a/apps/mobile/components/bookmarks/BookmarkList.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkList.tsx
@@ -32,6 +32,7 @@ export default function BookmarkList({
       ListHeaderComponent={header}
       contentContainerStyle={{
         gap: 15,
+        marginHorizontal: 15,
         marginBottom: 15,
       }}
       renderItem={(b) => <BookmarkCard bookmark={b.item} />}
diff --git a/apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx b/apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx
index 33ddf5ff..e69b5319 100644
--- a/apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx
+++ b/apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx
@@ -41,7 +41,9 @@ export default function UpdatingBookmarkList({
 
   return (
     <BookmarkList
-      bookmarks={data.pages.flatMap((p) => p.bookmarks)}
+      bookmarks={data.pages
+        .flatMap((p) => p.bookmarks)
+        .filter((b) => b.content.type != "unknown")}
       header={header}
       onRefresh={onRefresh}
       fetchNextPage={fetchNextPage}