From 774b2ef192a8beb4ef5e67c251a587e75c6c66f4 Mon Sep 17 00:00:00 2001
From: Kuba <sdpgrpg@gmail.com>
Date: Tue, 27 May 2025 23:51:31 +0200
Subject: [PATCH] improved display of the time of adding notice

---
 ArtisanConnect/app/notice/[id].jsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/ArtisanConnect/app/notice/[id].jsx b/ArtisanConnect/app/notice/[id].jsx
index 7d8dac6..2547aac 100644
--- a/ArtisanConnect/app/notice/[id].jsx
+++ b/ArtisanConnect/app/notice/[id].jsx
@@ -42,6 +42,15 @@ export default function NoticeDetails() {
         setEmail('');
     };
 
+    const formatDate = (dateString) => {
+        const date = new Date(dateString);
+        return date.toLocaleDateString('pl-PL', {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit'
+        });
+    };
+
     const {getNoticeById, getAllImagesByNoticeId} = useNoticesStore();
     const addNoticeToWishlist = useWishlist((state) => state.addNoticeToWishlist);
     const removeNoticeFromWishlist = useWishlist((state) => state.removeNoticeFromWishlist);
@@ -58,6 +67,7 @@ export default function NoticeDetails() {
         itemVisiblePercentThreshold: 70,
     }).current;
 
+
     useEffect(() => {
         const fetchNotice = async () => {
             setIsLoading(true);
@@ -186,7 +196,7 @@ export default function NoticeDetails() {
             >
             <VStack className="p-2">
                 <Text className="text-sm font-normal mb-2 text-typography-700">
-                    {notice.publishDate}
+                    {formatDate(notice.publishDate)}
                 </Text>
                 <Text className="text-2xl text-gray-950 font-bold mb-2 text-center bg-gray-50 rounded-md p-2">
                     {notice.title}
@@ -194,6 +204,7 @@ export default function NoticeDetails() {
 
                 <Box className="flex-row items-center  bg-gray-50 rounded-md p-2">
                     <Heading size="md" className="flex-1 text-xl text-gray-950">
+                        <Text className="text-sm text-typography-500">Cena: </Text>
                         {notice.price} zł
                     </Heading>
 
@@ -264,11 +275,6 @@ export default function NoticeDetails() {
 
                 </Box>
 
-                <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
-                    <Text className="text-sm text-typography-500">
-                        {notice.clientId}
-                    </Text>
-                </Box>
             </VStack>
             </ScrollView>
                 {isMessageFormVisible && (