aboutsummaryrefslogtreecommitdiffstats
path: root/packages/mobile/app/dashboard/(tabs)/lists.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-13 21:43:44 +0000
committerMohamed Bassem <me@mbassem.com>2024-03-14 16:40:45 +0000
commit04572a8e5081b1e4871e273cde9dbaaa44c52fe0 (patch)
tree8e993acb732a50d1306d4d6953df96c165c57f57 /packages/mobile/app/dashboard/(tabs)/lists.tsx
parent2df08ed08c065e8b91bc8df0266bd4bcbb062be4 (diff)
downloadkarakeep-04572a8e5081b1e4871e273cde9dbaaa44c52fe0.tar.zst
structure: Create apps dir and copy tooling dir from t3-turbo repo
Diffstat (limited to 'packages/mobile/app/dashboard/(tabs)/lists.tsx')
-rw-r--r--packages/mobile/app/dashboard/(tabs)/lists.tsx67
1 files changed, 0 insertions, 67 deletions
diff --git a/packages/mobile/app/dashboard/(tabs)/lists.tsx b/packages/mobile/app/dashboard/(tabs)/lists.tsx
deleted file mode 100644
index b534ddda..00000000
--- a/packages/mobile/app/dashboard/(tabs)/lists.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Link } from "expo-router";
-import { useEffect, useState } from "react";
-import { FlatList, View } from "react-native";
-
-import { api } from "@/lib/trpc";
-
-export default function Lists() {
- const [refreshing, setRefreshing] = useState(false);
- const { data: lists, isPending } = api.lists.list.useQuery();
- const apiUtils = api.useUtils();
-
- useEffect(() => {
- setRefreshing(isPending);
- }, [isPending]);
-
- if (!lists) {
- // Add spinner
- return <View />;
- }
-
- const onRefresh = () => {
- apiUtils.lists.list.invalidate();
- };
-
- const links = [
- {
- id: "fav",
- logo: "⭐️",
- name: "Favourites",
- href: "/dashboard/favourites",
- },
- {
- id: "arch",
- logo: "🗄️",
- name: "Archive",
- href: "/dashboard/archive",
- },
- ];
-
- links.push(
- ...lists.lists.map((l) => ({
- id: l.id,
- logo: l.icon,
- name: l.name,
- href: `/dashboard/lists/${l.id}`,
- })),
- );
-
- return (
- <FlatList
- contentContainerStyle={{
- gap: 10,
- marginTop: 10,
- }}
- renderItem={(l) => (
- <View className="mx-2 block rounded-xl border border-gray-100 bg-white px-4 py-2">
- <Link key={l.item.id} href={l.item.href} className="text-lg">
- {l.item.logo} {l.item.name}
- </Link>
- </View>
- )}
- data={links}
- refreshing={refreshing}
- onRefresh={onRefresh}
- />
- );
-}