From 49f44900cb553905bdb565ae12cb09676d93d4fc Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 15 Mar 2024 13:49:43 +0000
Subject: ui(mobile): Add a chevron to the list items in the list view

---
 apps/mobile/app/dashboard/(tabs)/lists.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'apps/mobile/app/dashboard/(tabs)/lists.tsx')

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}
-- 
cgit v1.2.3-70-g09d2

