From 81e0b2849d837649da9adbc5d077b8c819fe7bee Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 15 Apr 2024 18:39:59 +0100
Subject: feature: Add title to bookmarks and allow editing them. Fixes #27

---
 apps/mobile/components/bookmarks/BookmarkCard.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'apps/mobile')

diff --git a/apps/mobile/components/bookmarks/BookmarkCard.tsx b/apps/mobile/components/bookmarks/BookmarkCard.tsx
index d4fbcb58..76a05aef 100644
--- a/apps/mobile/components/bookmarks/BookmarkCard.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkCard.tsx
@@ -201,7 +201,7 @@ function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
           className="line-clamp-2 text-xl font-bold"
           onPress={() => WebBrowser.openBrowserAsync(url)}
         >
-          {bookmark.content.title ?? parsedUrl.host}
+          {bookmark.title ?? bookmark.content.title ?? parsedUrl.host}
         </Text>
         <TagList bookmark={bookmark} />
         <Divider orientation="vertical" className="mt-2 h-0.5 w-full" />
@@ -220,6 +220,9 @@ function TextCard({ bookmark }: { bookmark: ZBookmark }) {
   }
   return (
     <View className="flex max-h-96 gap-2 p-2">
+      {bookmark.title && (
+        <Text className="line-clamp-2 text-xl font-bold">{bookmark.title}</Text>
+      )}
       <View className="max-h-56 overflow-hidden p-2">
         <Markdown>{bookmark.content.text}</Markdown>
       </View>
@@ -238,6 +241,7 @@ function AssetCard({ bookmark }: { bookmark: ZBookmark }) {
   if (bookmark.content.type !== "asset") {
     throw new Error("Wrong content type rendered");
   }
+  const title = bookmark.title ?? bookmark.content.fileName;
 
   return (
     <View className="flex gap-2">
@@ -251,6 +255,9 @@ function AssetCard({ bookmark }: { bookmark: ZBookmark }) {
         className="h-56 min-h-56 w-full object-cover"
       />
       <View className="flex gap-2 p-2">
+        {title && (
+          <Text className="line-clamp-2 text-xl font-bold">{title}</Text>
+        )}
         <TagList bookmark={bookmark} />
         <Divider orientation="vertical" className="mt-2 h-0.5 w-full" />
         <View className="mt-2 flex flex-row justify-between px-2 pb-2">
-- 
cgit v1.2.3-70-g09d2