From 0584ad2bd8f486a0aaff7d8c96007d05c88a9a5e Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 24 Aug 2024 18:13:02 +0300
Subject: fix(mobile): Allow expanding the text by clicking on bookmark card

---
 .../components/bookmarks/BookmarkTextMarkdown.tsx   | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx

(limited to 'apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx')

diff --git a/apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx b/apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx
new file mode 100644
index 00000000..80ea007c
--- /dev/null
+++ b/apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx
@@ -0,0 +1,21 @@
+import Markdown from "react-native-markdown-display";
+import { TailwindResolver } from "@/components/TailwindResolver";
+
+export default function BookmarkTextMarkdown({ text }: { text: string }) {
+  return (
+    <TailwindResolver
+      className="text-foreground"
+      comp={(styles) => (
+        <Markdown
+          style={{
+            text: {
+              color: styles?.color?.toString(),
+            },
+          }}
+        >
+          {text}
+        </Markdown>
+      )}
+    />
+  );
+}
-- 
cgit v1.2.3-70-g09d2

