add order list

ArtisanConnect/app/(tabs)/dashboard/userOrders.jsx

@@ -1,6 +1,10 @@
 import { View, Text } from "react-native";
 import { useState, useEffect, use } from "react";
+import { FlatList, RefreshControl } from "react-native";
 import { listOrders } from "@/api/order";
+import { Box } from "@/components/ui/box";
+import { VStack } from "@/components/ui/vstack";
+import { HStack } from "@/components/ui/hstack";
 
 export default function UserOrders() {
   const [orders, setOrders] = useState([]);
@@ -15,10 +19,31 @@ export default function UserOrders() {
     fetchOrders();
   }, []);
 
-  console.log("Orders:", orders);
+  if (orders.length === 0) {
+    return (
+      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+        <Text>Brak zamówień</Text>
+      </View>
+    );
+  }
+
   return (
-    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+    <FlatList
-      <Text>Orders</Text>
+      className="m-2"
-    </View>
+      data={orders}
+      renderItem={({ item }) => (
+        <Box className="p-4 rounded-md bg-white">
+          <VStack>
+            <HStack>
+              <Text>{item.orderId}</Text>
+              <Text className="ml-2">{item.orderType}</Text>
+            </HStack>
+            <Text className="mt-2">{item.status}</Text>
+            <Text className="mt-2">Cena: {item.amount} zł</Text>
+            <Text className="mt-2">{item.createdAt}</Text>
+          </VStack>
+        </Box>
+      )}
+    />
   );
 }