mobile: Add support for viewing lists

1 files changed, 31 insertions, 0 deletions

diff --git a/packages/mobile/app/dashboard/lists/[slug].tsx b/packages/mobile/app/dashboard/lists/[slug].tsx
new file mode 100644
index 00000000..5ebc4446
--- /dev/null
+++ b/packages/mobile/app/dashboard/lists/[slug].tsx
@@ -0,0 +1,31 @@
+import { useLocalSearchParams, Stack } from "expo-router";
+import { View } from "react-native";
+
+import BookmarkList from "@/components/bookmarks/BookmarkList";
+import { api } from "@/lib/trpc";
+
+export default function ListView() {
+  const { slug } = useLocalSearchParams();
+  if (typeof slug !== "string") {
+    throw new Error("Unexpected param type");
+  }
+  const { data: list } = api.lists.get.useQuery({ listId: slug });
+
+  if (!list) {
+    // TODO: Spinner
+    return <View />;
+  }
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          headerTitle: `${list.icon} ${list.name}`,
+        }}
+      />
+      <View>
+        <BookmarkList archived={false} ids={list.bookmarks} />
+      </View>
+    </>
+  );
+}