From f36bef2df1a3e639e73aadcd5a8a24ddac54b1c8 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 15 Mar 2024 13:45:13 +0000
Subject: feat(mobile): Add tag viewing page

---
 apps/mobile/app/dashboard/tags/[slug].tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 apps/mobile/app/dashboard/tags/[slug].tsx

(limited to 'apps/mobile/app/dashboard')

diff --git a/apps/mobile/app/dashboard/tags/[slug].tsx b/apps/mobile/app/dashboard/tags/[slug].tsx
new file mode 100644
index 00000000..39d1a87d
--- /dev/null
+++ b/apps/mobile/app/dashboard/tags/[slug].tsx
@@ -0,0 +1,31 @@
+import { View } from "react-native";
+import { Stack, useLocalSearchParams } from "expo-router";
+import BookmarkList from "@/components/bookmarks/BookmarkList";
+import FullPageSpinner from "@/components/ui/FullPageSpinner";
+import { api } from "@/lib/trpc";
+
+export default function ListView() {
+  const { slug } = useLocalSearchParams();
+  if (typeof slug !== "string") {
+    throw new Error("Unexpected param type");
+  }
+
+  const { data: tag } = api.tags.get.useQuery({ tagId: slug });
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          headerTitle: tag ? `${tag.name}` : "Loading ...",
+        }}
+      />
+      {tag ? (
+        <View>
+          <BookmarkList archived={false} ids={tag.bookmarks} />
+        </View>
+      ) : (
+        <FullPageSpinner />
+      )}
+    </>
+  );
+}
-- 
cgit v1.2.3-70-g09d2