From a527d00e1ddce88aab98705a7b52cdd66963e477 Mon Sep 17 00:00:00 2001
From: Patryk <s094236@student.tu.kielce.pl>
Date: Mon, 9 Jun 2025 23:40:21 +0200
Subject: [PATCH] add order list

---
 .../app/(tabs)/dashboard/userOrders.jsx       | 33 ++++++++++++++++---
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/ArtisanConnect/app/(tabs)/dashboard/userOrders.jsx b/ArtisanConnect/app/(tabs)/dashboard/userOrders.jsx
index 56cde20..c22b2f3 100644
--- a/ArtisanConnect/app/(tabs)/dashboard/userOrders.jsx
+++ b/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" }}>
-      <Text>Orders</Text>
-    </View>
+    <FlatList
+      className="m-2"
+      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>
+      )}
+    />
   );
 }