ui(mobile): Add a chevron to the list items in the list view

1 files changed, 3 insertions, 1 deletions

diff --git a/apps/mobile/app/dashboard/(tabs)/lists.tsx b/apps/mobile/app/dashboard/(tabs)/lists.tsx
index 4a0a6948..92ae1c93 100644
--- a/apps/mobile/app/dashboard/(tabs)/lists.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/lists.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import { FlatList, View } from "react-native";
 import { Link } from "expo-router";
 import { api } from "@/lib/trpc";
+import { ChevronRight } from "lucide-react-native";
 
 export default function Lists() {
   const [refreshing, setRefreshing] = useState(false);
@@ -52,10 +53,11 @@ export default function Lists() {
         marginTop: 5,
       }}
       renderItem={(l) => (
-        <View className="mx-2 block rounded-xl border border-gray-100 bg-white px-4 py-2">
+        <View className="mx-2 flex flex-row justify-between 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>
+          <ChevronRight />
         </View>
       )}
       data={links}