Merge remote-tracking branch 'origin/main'

Also added SafeAreView to userid

ArtisanConnect/api/auth.jsx

@@ -0,0 +1,63 @@
+import axios from "axios";
+
+const API_URL = "https://hopp.zikor.pl/api/v1";
+
+export async function login(userData) {
+    try {
+        const response = await axios.post(`${API_URL}/auth/login`, userData, {
+            headers: {"Content-Type": "application/json"},
+        });
+        return response.data;
+    } catch (error) {
+        console.error("Login failed:", error);
+        throw error.response?.data?.message || "Login failed";
+    }
+}
+
+export async function register(userData) {
+    try {
+        const response = await axios.post(`${API_URL}/auth/register`, userData, {
+            headers: {"Content-Type": "application/json"},
+        });
+
+        return response.data;
+    } catch (error) {
+        console.error("Registration failed:", error);
+        throw error.response?.data?.message || "Registration failed";
+    }
+}
+
+export async function googleLogin(googleToken) {
+    try {
+        const response = await axios.post(
+            `${API_URL}/auth/google`,
+            { googleToken: googleToken },
+            {
+                headers: { "Content-Type": "application/json" },
+            }
+        );
+
+        return response.data;
+    } catch (error) {
+        console.error("Google login failed:", error);
+        throw error.response?.data?.message || "Google login failed";
+    }
+}
+
+export async function logout(token) {
+    const headers = token ? { Authorization: `Bearer ${token}` } : {};
+    try {
+        const response = await axios.post(
+            `${API_URL}/auth/logout`,
+            {},
+            {
+                headers: headers,
+            }
+        );
+
+        return response.data;
+    } catch (error) {
+        console.error("Logout failed:", error);
+        throw error.response?.data?.message || "Logout failed";
+    }
+}

ArtisanConnect/api/client.jsx

@@ -12,10 +12,28 @@ export async function getUserById(userId) {
     });
     return response.data;
   } catch (err) {
-    // console.error(
-    //   `Nie udało się pobrać danych użytkownika o ID ${userId}.`,
-    //   err.response.status
-    // );
+    console.error(
+      `Nie udało się pobrać danych użytkownika o ID ${userId}.`,
+      err.response.status
+    );
+    throw err;
+  }
+}
+
+export async function getAllUsers() {
+  const { token } = useAuthStore.getState();
+  const headers = token ? { Authorization: `Bearer ${token}` } : {};
+
+  try {
+    const response = await axios.get(`${API_URL}/clients/get/all`, {
+      headers: headers,
+    });
+    return response.data;
+  } catch (err) {
+    console.error(
+      `Nie udało się pobrać danych o użytkownikach`,
+      err.response.status
+    );
     throw err;
   }
 }

ArtisanConnect/api/notices.jsx

@@ -2,8 +2,6 @@ import axios from "axios";
 import FormData from "form-data";
 import { useAuthStore } from "@/store/authStore";
 
-// const API_URL = "https://hopp.zikor.pl/api/v1";
-
 const API_URL = "https://hopp.zikor.pl/api/v1";
 
 export async function listNotices() {
@@ -41,8 +39,13 @@ export async function createNotice(notice) {
     });
 
     if (response.data.noticeId !== null) {
-      for (const imageUri of notice.image) {
-        await uploadImage(response.data.noticeId, imageUri);
+      for (const image of notice.image) {
+        if (notice.image.indexOf(image) === 0) {
+          await uploadImage(response.data.noticeId, image, true);
+        } else {
+          await uploadImage(response.data.noticeId, image, false);
+        }
+        console.log("Image uploaded successfully");
       }
     }
 
@@ -63,7 +66,6 @@ export async function getImageByNoticeId(noticeId) {
 
     return imageUrl;
   } catch (err) {
-    console.log(`Zdjęcie nie istnieje dla notice o id: ${noticeId}`);
     imageUrl = "https://http.cat/404.jpg";
     return imageUrl;
   }
@@ -73,7 +75,9 @@ export async function getAllImagesByNoticeId(noticeId) {
   const { token } = useAuthStore.getState();
   const headers = token ? { Authorization: `Bearer ${token}` } : {};
   try {
-    const listResponse = await axios.get(`${API_URL}/images/list/${noticeId}`, {headers: headers});
+    const listResponse = await axios.get(`${API_URL}/images/list/${noticeId}`, {
+      headers: headers,
+    });
 
     if (listResponse.data && listResponse.data.length > 0) {
       return listResponse.data.map((imageName) => ({
@@ -96,38 +100,36 @@ export async function getAllImagesByNoticeId(noticeId) {
   }
 }
 
-export const uploadImage = async (noticeId, imageUri) => {
+export const uploadImage = async (noticeId, imageObj, isFirst) => {
   const { token } = useAuthStore.getState();
   const headers = {
     ...(token ? { Authorization: `Bearer ${token}` } : {}),
-    'Content-Type': 'multipart/form-data'
+    "Content-Type": "multipart/form-data",
   };
   const formData = new FormData();
 
-  const filename = imageUri.split("/").pop();
+  const filename = imageObj.split("/").pop();
 
   const match = /\.(\w+)$/.exec(filename);
   const type = match ? `image/${match[1]}` : "image/jpeg";
 
   formData.append("file", {
-    uri: imageUri,
+    uri: imageObj,
     name: filename,
     type: type,
   });
 
   try {
     const response = await axios.post(
-      `${API_URL}/images/upload/${noticeId}`,
+      `${API_URL}/images/upload/${noticeId}?isMainImage=${isFirst}`,
       formData,
       {
         headers: headers,
       }
     );
-    console.info("Upload successful:", response.data);
+    console.log("Upload successful:", response.data);
     return response.data;
   } catch (error) {
-    console.log("imageURI:", imageUri);
-
     console.error(
       "Error uploading image:",
       error.response.data,
@@ -156,3 +158,65 @@ export const deleteNotice = async (noticeId) => {
     throw error;
   }
 };
+
+export const editNotice = async (noticeId, notice) => {
+  const { token } = useAuthStore.getState();
+  const headers = token ? { Authorization: `Bearer ${token}` } : {};
+
+  try {
+    const response = await axios.put(
+      `${API_URL}/notices/edit/${noticeId}`,
+      {
+        title: notice.title,
+        description: notice.description,
+        price: notice.price,
+        category: notice.category,
+        status: notice.status,
+        attributes: notice.attributes,
+      },
+      {
+        headers: headers,
+      }
+    );
+
+    if (response.data && notice.image && notice.image.length > 0) {
+      for (let i = 0; i < notice.image.length; i++) {
+        const image = notice.image[i];
+        const isFirst = i === 0;
+
+        if (typeof image === "string" && !image.startsWith("http")) {
+          await uploadImage(noticeId, image, isFirst);
+        }
+      }
+    }
+
+    return response.data;
+  } catch (error) {
+    console.error(
+      "Error editing notice:",
+      error.response?.data,
+      error.response?.status
+    );
+    throw error;
+  }
+};
+
+export const deleteImage = async (filename) => {
+  const { token } = useAuthStore.getState();
+  const headers = token ? { Authorization: `Bearer ${token}` } : {};
+
+  try {
+    const response = await axios.delete(
+      `${API_URL}/images/delete/${filename}`,
+      { headers: headers }
+    );
+    return response.data;
+  } catch (error) {
+    console.error(
+      "Error deleting image:",
+      error.response?.data,
+      error.response?.status
+    );
+    throw error;
+  }
+};

ArtisanConnect/app/(auth)/login.jsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from 'react';
-import {StyleSheet, ActivityIndicator, SafeAreaView, View, Platform} from 'react-native';
+import {StyleSheet, ActivityIndicator, SafeAreaView, View, Platform, KeyboardAvoidingView} from 'react-native';
 import {useAuthStore} from '@/store/authStore';
 import {useRouter} from 'expo-router';
 
@@ -7,11 +7,11 @@ import {Box} from "@/components/ui/box"
 import {Button, ButtonText, ButtonIcon} from "@/components/ui/button"
 import {Center} from "@/components/ui/center"
 import {Heading} from "@/components/ui/heading"
-import {Input, InputField} from "@/components/ui/input"
+import {Input, InputField, InputIcon, InputSlot} from "@/components/ui/input"
 import {Text} from "@/components/ui/text"
 import {VStack} from "@/components/ui/vstack"
 import {HStack} from "@/components/ui/hstack"
-import {ArrowRightIcon} from "@/components/ui/icon"
+import {ArrowRightIcon, EyeIcon, EyeOffIcon} from "@/components/ui/icon"
 import {Divider} from '@/components/ui/divider';
 import {Ionicons} from "@expo/vector-icons";
 
@@ -30,6 +30,8 @@ WebBrowser.maybeCompleteAuthSession();
 export default function Login() {
     const [email, setEmail] = useState('');
     const [password, setPassword] = useState('');
+    const [emailError, setEmailError] = useState('');
+    const [showPassword, setShowPassword] = useState(false)
     const {signIn, isLoading, signInWithGoogle} = useAuthStore();
     const router = useRouter();
 
@@ -52,6 +54,11 @@ export default function Login() {
             return;
         }
 
+        if (!validateEmail(email)) {
+            setEmailError('Nieprawidłowy format adresu email');
+            return;
+        }
+
         try {
             await signIn(email, password);
             alert(`Zalogowano jako ${email}`);
@@ -69,7 +76,7 @@ export default function Login() {
         // const user = await AsyncStorage.getItem("@user");
         let user = null;
         if (!user) {
-            if(response.type === "success") {
+            if (response.type === "success") {
                 user = await getUserInfo(response.authentication.accessToken)
                 await signInWithGoogle(response.authentication.accessToken);
                 alert(`Zalogowano jako ${user.email}`);
@@ -83,7 +90,7 @@ export default function Login() {
     };
 
     const getUserInfo = async (token) => {
-        if(!token) {
+        if (!token) {
             return
         }
         try {
@@ -103,6 +110,17 @@ export default function Login() {
         }
     }
 
+    const validateEmail = (email) => {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return emailRegex.test(email);
+    };
+
+    const handleShowPassword = () => {
+        setShowPassword((showState) => {
+            return !showState
+        })
+    }
+
     if (isLoading) {
         return (
             <View style={styles.container}>
@@ -112,49 +130,70 @@ export default function Login() {
     }
 
     return (
-        <SafeAreaView style={styles.container}>
-            <Center>
-                <Box className="p-5 max-w-96 border border-background-300 rounded-lg">
-                    <VStack className="pb-4" space="xs">
-                        <Heading className="leading-[30px]">Logowanie</Heading>
-                        <Box className="flex flex-row">
-                            {/* <Link href="/registration" asChild> */}
-                                <Button variant="link" size="sm" className="p-0" onPress={() => router.replace("/registration")}>
+        <KeyboardAvoidingView
+            behavior={Platform.OS === "ios" ? "padding" : "height"}
+            style={{flex: 1}}
+            keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 0}
+        >
+            <SafeAreaView style={styles.container}>
+                <Center>
+                    <Box className="p-5 max-w-96 border border-background-300 rounded-lg">
+                        <VStack className="pb-4" space="xs">
+                            <Heading className="leading-[30px]">Logowanie</Heading>
+                            <Box className="flex flex-row">
+                                {/* <Link href="/registration" asChild> */}
+                                <Button variant="link" size="sm" className="p-0"
+                                        onPress={() => router.replace("/registration")}>
                                     <ButtonText style={styles.signupbutton}>Nie masz jeszcze konta? Załóz je
                                         tutaj!</ButtonText>
                                     <ButtonIcon className="mr-1" size="md" as={ArrowRightIcon}/>
                                 </Button>
-                            {/* </Link> */}
-                        </Box>
-                    </VStack>
-                    <VStack space="xl" className="py-2">
-                        <Input>
-                            <InputField className="py-2" placeholder="Login" onChangeText={setEmail}/>
-                        </Input>
-                        <Input>
-                            <InputField type="password" className="py-2" placeholder="Hasło"
-                                        onChangeText={setPassword}/>
-                        </Input>
-                    </VStack>
-                    <VStack space="lg" className="pt-4">
-                        <Button size="sm" onPress={handleInternalLogin}>
-                            <ButtonText>Zaloguj się</ButtonText>
-                        </Button>
-                    </VStack>
+                                {/* </Link> */}
+                            </Box>
+                        </VStack>
+                        <VStack space="xl" className="py-2">
+                            {emailError ? <Text style={styles.errorText}>{emailError}</Text> : null}
+                            <Input isRequired={true} isInvalid={!!emailError}>
+                                <InputField className="py-2" inputMode="email" placeholder="Login"
+                                            onChangeText={(text) => {
+                                                setEmail(text);
+                                                if (text && !validateEmail(text)) {
+                                                    setEmailError('Nieprawidłowy format adresu email');
+                                                } else {
+                                                    setEmailError('');
+                                                }
+                                            }}
+                                />
+                            </Input>
+                            <Input isRequired={true}>
+                                <InputField type={showPassword ? "text" : "password"} className="py-2"
+                                            placeholder="Hasło"
+                                            onChangeText={setPassword}/>
+                                <InputSlot className="pr-3" onPress={handleShowPassword}>
+                                    <InputIcon as={showPassword ? EyeIcon : EyeOffIcon}/>
+                                </InputSlot>
+                            </Input>
+                        </VStack>
+                        <VStack space="lg" className="pt-4">
+                            <Button size="sm" onPress={handleInternalLogin}>
+                                <ButtonText>Zaloguj się</ButtonText>
+                            </Button>
+                        </VStack>
 
-                    <HStack alignItems="center" space="sm" className="pt-6 pb-6">
-                        <Divider flex={1}/>
-                        <Text fontSize="$sm" className="text-gray-300">
-                            lub
-                        </Text>
-                        <Divider flex={1}/>
-                    </HStack>
-                    <Button size="sm" onPress={() => promptAsync()}>
-                        <Ionicons name="logo-google" color="#fff"/>
-                    </Button>
-                </Box>
-            </Center>
-        </SafeAreaView>
+                        <HStack alignItems="center" space="sm" className="pt-6 pb-6">
+                            <Divider flex={1}/>
+                            <Text fontSize="$sm" className="text-gray-300">
+                                lub
+                            </Text>
+                            <Divider flex={1}/>
+                        </HStack>
+                        <Button size="sm" onPress={() => promptAsync()}>
+                            <Ionicons name="logo-google" color="#fff"/>
+                        </Button>
+                    </Box>
+                </Center>
+            </SafeAreaView>
+        </KeyboardAvoidingView>
     );
 }
 
@@ -173,7 +212,7 @@ const styles = StyleSheet.create({
     },
     errorText: {
         color: 'red',
-        marginBottom: 10,
+        fontSize: 12,
     },
     signupbutton: {
         fontWeight: '300',

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

@@ -44,7 +44,7 @@ export default function Account() {
           <Image
             source={{
               uri:
-                user.profileImage ||
+                user.image ||
                 "https://th.bing.com/th/id/OIP.3coo_N8sieled8QNroQmkgHaHa?rs=1&pid=ImgDetMain",
             }}
             className="h-24 w-24 rounded-full border-4 border-white shadow-md"

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

@@ -1,7 +1,7 @@
 import { useNoticesStore } from "@/store/noticesStore";
 import { NoticeCard } from "@/components/NoticeCard";
 import { Button, ButtonText } from "@/components/ui/button";
-
+import { usePathname } from "expo-router";
 import { Box } from "@/components/ui/box";
 import { Text } from "@/components/ui/text";
 import { VStack } from "@/components/ui/vstack";
@@ -11,11 +11,12 @@ import { createOrder, createPayment, getOrder } from "@/api/order";
 import { Ionicons } from "@expo/vector-icons";
 import { useToast, Toast, ToastTitle } from "@/components/ui/toast";
 import { useAuthStore } from "@/store/authStore";
-import * as WebBrowser from 'expo-web-browser';
+import * as WebBrowser from "expo-web-browser";
 import { useRouter } from "expo-router";
 
 export default function UserNotices() {
   const router = useRouter();
+  const pathname = usePathname();
   const { notices, fetchNotices, deleteNotice } = useNoticesStore();
   const [isLoading, setIsLoading] = useState(true);
   const [isRedirecting, setIsRedirecting] = useState(false);
@@ -41,7 +42,7 @@ export default function UserNotices() {
       }
     };
     loadNotices();
-  }, [fetchNotices]);
+  }, [pathname, fetchNotices]);
 
   const showNewToast = (title) => {
     const newId = Math.random();
@@ -71,17 +72,16 @@ export default function UserNotices() {
           if (paymentResult) {
             setIsRedirecting(true);
 
-
             await WebBrowser.openAuthSessionAsync(paymentResult);
 
-
             setTimeout(async () => {
               setIsRedirecting(false);
 
               try {
                 const lastOrder = await getOrder(result);
                 const lastPayments = lastOrder.payments;
-                const paymentStatus = lastPayments.length > 0
+                const paymentStatus =
+                  lastPayments.length > 0
                     ? lastPayments[lastPayments.length - 1].status
                     : null;
 
@@ -97,7 +97,6 @@ export default function UserNotices() {
                 showNewToast("Nie udało się sprawdzić statusu płatności.");
               }
             }, 300);
-
           } else {
             console.log(`Nie udało się aktywować ogłoszenia ${noticeId}.`);
           }
@@ -149,17 +148,32 @@ export default function UserNotices() {
             <Box className="flex-1 mb-4 pb-2 bg-white rounded-lg">
               <NoticeCard notice={item} />
               <Box className="flex-row justify-between mt-2">
-                <Button
-                  className="ml-2"
-                  onPress={() => handleDeleteNotice(item.noticeId)}
-                  size="md"
-                  variant="outline"
-                  action="primary"
-                >
-                  <ButtonText>Usuń</ButtonText>
-                  <Ionicons name="trash-outline" size={14} />
-                </Button>
-
+                <Box className="flex-row items-center">
+                  <Button
+                    className="ml-2"
+                    onPress={() => handleDeleteNotice(item.noticeId)}
+                    size="md"
+                    variant="outline"
+                    action="primary"
+                  >
+                    <ButtonText>Usuń</ButtonText>
+                    <Ionicons name="trash-outline" size={14} />
+                  </Button>
+                  {item.status === "INACTIVE" && (
+                    <Button
+                      className="ml-2"
+                      onPress={() => {
+                        router.replace(`notice/edit/${item.noticeId}`);
+                      }}
+                      size="md"
+                      variant="outline"
+                      action="primary"
+                    >
+                      <ButtonText>Edytuj</ButtonText>
+                      <Ionicons name="pencil" size={14} />
+                    </Button>
+                  )}
+                </Box>
                 {item.status === "ACTIVE" ? (
                   <Button
                     className="mr-2"

ArtisanConnect/app/(tabs)/index.jsx

@@ -15,21 +15,21 @@ export default function Home() {
   const [isReady, setIsReady] = useState(false);
   const fetchNotices = useNoticesStore((state) => state.fetchNotices);
 
-  // useEffect(() => {
-  //   setIsReady(true);
-  // }, []);
+  useEffect(() => {
+    setIsReady(true);
+  }, []);
 
-  // useEffect(() => {
-  //   if (isReady && !token) {
-  //     router.replace("/login");
-  //   }
-  // }, [isReady, token, router]);
+  useEffect(() => {
+    if (isReady && !token) {
+      router.replace("/login");
+    }
+  }, [isReady, token, router]);
 
   useEffect(() => {
     if (token) {
       fetchNotices();
     }
-  }, [token, fetchNotices]);
+  }, [token]);
 
   const notices = useNoticesStore((state) => state.notices);
 

ArtisanConnect/app/(tabs)/notice/create.jsx

@@ -31,6 +31,7 @@ import { ChevronDownIcon } from "@/components/ui/icon";
 import { useNoticesStore } from "@/store/noticesStore";
 import { listCategories } from "@/api/categories";
 import { useRouter } from "expo-router";
+import { attributes } from "@/data/attributesData"; // Assuming you have a separate file for attributes data}
 
 export default function CreateNotice() {
   const router = useRouter();
@@ -84,35 +85,6 @@ export default function CreateNotice() {
     },
   });
 
-  const attributes = {
-    Kolor: [
-      "Zielony",
-      "Czerwony",
-      "Niebieski",
-      "Żółty",
-      "Biały",
-      "Czarny",
-      "Różowy",
-      "Szary",
-      "Fioletowy",
-      "Pomarańczowy",
-      "Inny",
-    ],
-    Materiał: [
-      "Bawełna",
-      "Wełna",
-      "Syntetyk",
-      "Skóra",
-      "Len",
-      "Jedwab",
-      "Poliester",
-      "Akryl",
-      "Wiskoza",
-      "Nylon",
-      "Inny",
-    ],
-  };
-
   const handleAddNotice = async () => {
     setError({
       title: !title,
@@ -122,7 +94,6 @@ export default function CreateNotice() {
     });
 
     if (!title || !description || !price || !category) {
-      console.log("Error in form");
       return;
     }
     const formattedAttributes = Object.entries(selectedAttributes).map(
@@ -131,7 +102,6 @@ export default function CreateNotice() {
         value: value,
       })
     );
-    // console.log("Selected attributes:", formattedAttributes);
     setIsLoading(true);
     try {
       const result = await addNotice({

ArtisanConnect/app/(tabs)/notices.jsx

@@ -39,11 +39,11 @@ import {
   SelectDragIndicator,
   SelectDragIndicatorWrapper,
   SelectItem,
+  SelectScrollView,
 } from "@/components/ui/select";
-import { ScrollView } from "react-native-gesture-handler";
+import { attributes } from "@/data/attributesData";
 
 export default function Notices() {
-  // Hooks
   const { notices, fetchNotices } = useNoticesStore();
   const [refreshing, setRefreshing] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
@@ -52,6 +52,7 @@ export default function Notices() {
   const [showSortSheet, setShowSortSheet] = useState(false);
   const [categories, setCategories] = useState([]);
   const [filteredNotices, setFilteredNotices] = useState([]);
+  const [selectedAttributes, setSelectedAttributes] = useState({});
   const params = useLocalSearchParams();
   const router = useRouter();
 
@@ -131,6 +132,20 @@ export default function Notices() {
       });
     }
 
+    Object.keys(params).forEach((key) => {
+      if (key.startsWith("attribute_")) {
+        const attributeName = key.replace("attribute_", "");
+        const attributeValue = params[key];
+
+        result = result.filter((notice) =>
+          notice.attributes?.some(
+            (attr) =>
+              attr.name === attributeName && attr.value === attributeValue
+          )
+        );
+      }
+    });
+
     setFilteredNotices(result);
   }, [
     notices,
@@ -139,6 +154,8 @@ export default function Notices() {
     params.priceFrom,
     params.priceTo,
     params.search,
+    params.attribute_Kolor,
+    params.attribute_Materiał,
   ]);
 
   let filterActive =
@@ -146,7 +163,8 @@ export default function Notices() {
     !!params.sort ||
     !!params.priceFrom ||
     !!params.priceTo ||
-    !!params.search;
+    !!params.search ||
+    Object.keys(params).some((key) => key.startsWith("attribute_"));
 
   const loadData = async () => {
     setIsLoading(true);
@@ -181,6 +199,19 @@ export default function Notices() {
     });
   };
 
+  const handleAttributeSelect = (attributeName, value) => {
+    const newParams = { ...params };
+
+    if (value) {
+      newParams[`attribute_${attributeName}`] = value;
+    }
+
+    router.replace({
+      pathname: "/notices",
+      params: newParams,
+    });
+  };
+
   const handleClose = () => setShowActionsheet(false);
 
   const handleSort = (value) => {
@@ -321,6 +352,42 @@ export default function Notices() {
                 </SelectPortal>
               </Select>
             </Box>
+            <Box>
+              {Object.entries(attributes).map(([label, options]) => (
+                <Box className="mb-4" key={label}>
+                  {/* <Text className="text-typography-500">{label}</Text> */}
+                  <Select
+                    style={{ flex: 1 }}
+                    onValueChange={(value) =>
+                      handleAttributeSelect(label, value)
+                    }
+                  >
+                    <SelectTrigger variant="outline" size="md">
+                      <SelectInput
+                        style={{ flex: 1 }}
+                        placeholder={`Wybierz ${label.toLowerCase()}`}
+                        value={params[`attribute_${label}`] || ""}
+                      />
+                      <SelectIcon className="mr-3" as={ChevronDownIcon} />
+                    </SelectTrigger>
+                    <SelectPortal>
+                      <SelectBackdrop />
+                      <SelectContent style={{ maxHeight: 400 }}>
+                        <SelectScrollView>
+                          {options.map((option) => (
+                            <SelectItem
+                              key={option}
+                              label={option}
+                              value={option}
+                            />
+                          ))}
+                        </SelectScrollView>
+                      </SelectContent>
+                    </SelectPortal>
+                  </Select>
+                </Box>
+              ))}
+            </Box>
           </KeyboardAwareScrollView>
         </ActionsheetContent>
       </Actionsheet>

ArtisanConnect/app/notice/[id].jsx

@@ -3,7 +3,7 @@ import { KeyboardAvoidingView, Platform } from "react-native";
 import { Box } from "@/components/ui/box";
 import { Card } from "@/components/ui/card";
 import { Heading } from "@/components/ui/heading";
-import {useRouter} from 'expo-router';
+import { useRouter } from "expo-router";
 import { Image } from "@/components/ui/image";
 import { Text } from "@/components/ui/text";
 import { VStack } from "@/components/ui/vstack";
@@ -31,7 +31,7 @@ import { useAuthStore } from "@/store/authStore";
 import { sendEmail } from "@/api/email";
 // import { Button } from "@gluestack-ui/themed";
 import { Button, ButtonText } from "@/components/ui/button";
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function NoticeDetails() {
   const { id } = useLocalSearchParams();
@@ -50,14 +50,12 @@ export default function NoticeDetails() {
   const [isSending, setIsSending] = useState(false);
   const router = useRouter();
 
-  const {width} = Dimensions.get("window");
+  const { width } = Dimensions.get("window");
 
   const handleSendMessage = async () => {
     setIsSending(true);
-    console.log("Rozpoczynanie procesu wysyłania wiadomości...");
 
     const { user_id, token } = useAuthStore.getState();
-    console.log("Dane z authStore:", { user_id, token });
 
     if (!user_id || !token) {
       console.error("Brak danych zalogowanego użytkownika.");
@@ -68,9 +66,7 @@ export default function NoticeDetails() {
 
     let currentUserEmail = "";
     try {
-      console.log(`Pobieranie danych użytkownika dla user_id : $ { user_id }`);
       const currentUser = await getUserById(user_id);
-      console.log("Dane zalogowanego użytkownika:", currentUser);
       currentUserEmail = currentUser?.email;
       if (!currentUserEmail) {
         console.error("Nie znaleziono adresu email zalogowanego użytkownika.");
@@ -81,8 +77,6 @@ export default function NoticeDetails() {
         setIsSending(false);
         return;
       }
-      console.log(`Pobrano email zalogowanego użytkownika
-                  : $ { currentUserEmail }`);
     } catch (error) {
       console.error("Błąd podczas pobierania danych użytkownika:", error);
       Alert.alert(
@@ -98,7 +92,6 @@ export default function NoticeDetails() {
       subject: `Zapytanie ${currentUserEmail} o ogłoszenie ${notice.title}`,
       body: message,
     };
-    console.log("Dane emaila do wysyłki:", emailData);
 
     if (!emailData.to || !emailData.subject || !emailData.body) {
       console.error("Walidacja nieudana: brakujące pola w emailData.");
@@ -109,7 +102,6 @@ export default function NoticeDetails() {
 
     const result = await sendEmail(emailData);
     if (result.success) {
-      console.log("Wiadomość wysłana pomyślnie!", result.result);
       setIsMessageFormVisible(false);
       setMessage("");
       Alert.alert("Sukces", "Wiadomość została wysłana!");
@@ -122,7 +114,6 @@ export default function NoticeDetails() {
       );
     }
     setIsSending(false);
-    console.log("Zakończono proces wysyłania wiadomości.");
   };
 
   const formatDate = (dateString) => {
@@ -274,239 +265,256 @@ export default function NoticeDetails() {
   }
 
   return (
-      <SafeAreaView className="flex-1" edges={['right', 'bottom', 'left']}>
-    <Card className="p-0 rounded-lg m-3 flex-1">
-      <Stack.Screen
-        options={{
-          title: notice.title,
-          headerShown: !isLandscape,
-        }}
-      />
-      {isImageLoading ? (
-        <Box className="h-auto w-full rounded-md aspect-[1/1] bg-gray-100 items-center justify-center">
-          <ActivityIndicator size="large" color="#3b82f6" />
-        </Box>
-      ) : (
-        <Box
-          className="sticky top-0 z-10 bg-white"
-          style={
-            isLandscape
-              ? {
-                  position: "absolute",
-                  top: 0,
-                  left: 0,
-                  right: 0,
-                  bottom: 0,
-                  zIndex: 30,
-                }
-              : {}
-          }
-        >
-          <FlatList
-            ref={flatListRef}
-            data={images}
-            horizontal
-            snapToAlignment="start"
-            snapToInterval={width}
-            decelerationRate="fast"
-            showsHorizontalScrollIndicator={false}
-            pagingEnabled
-            onViewableItemsChanged={onViewableItemsChanged}
-            viewabilityConfig={viewabilityConfig}
-            style={isLandscape ? { flex: 1 } : {}}
-            renderItem={({ item, index }) => (
-              <View
-                style={{ width: width }}
-                className="p-1"
-              >
-                <Image
-                  source={item}
-                  // className="h-auto w-auto rounded-md aspect-[1/1]"
-                  alt={`Zdjęcie ${index + 1}`}
-                  resizeMode="cover"
-                  renderMode="contain"
-                  className={
-                    isLandscape
-                      ? "w-auto h-full"
-                      : "h-auto w-auto rounded-md aspect-[1/1]"
+    <SafeAreaView className="flex-1" edges={["right", "bottom", "left"]}>
+      <Card className="p-0 rounded-lg m-3 flex-1">
+        <Stack.Screen
+          options={{
+            title: notice.title,
+            headerShown: !isLandscape,
+          }}
+        />
+        {isImageLoading ? (
+          <Box className="h-auto w-full rounded-md aspect-[1/1] bg-gray-100 items-center justify-center">
+            <ActivityIndicator size="large" color="#3b82f6" />
+          </Box>
+        ) : (
+          <Box
+            className="sticky top-0 z-10 bg-white"
+            style={
+              isLandscape
+                ? {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    zIndex: 30,
                   }
-                  style={
-                    isLandscape
-                      ? {
-                          resizeMode: "contain",
-                        }
-                      : {}
-                  }
-                  // resizeMode={isLandscape ? "cover" : "contain"}
-                />
-              </View>
+                : {}
+            }
+          >
+            <FlatList
+              ref={flatListRef}
+              data={images}
+              horizontal
+              snapToAlignment="start"
+              snapToInterval={width}
+              decelerationRate="fast"
+              showsHorizontalScrollIndicator={false}
+              pagingEnabled
+              onViewableItemsChanged={onViewableItemsChanged}
+              viewabilityConfig={viewabilityConfig}
+              style={isLandscape ? { flex: 1 } : {}}
+              renderItem={({ item, index }) => (
+                <View style={{ width: width }} className="p-1">
+                  <Image
+                    source={item}
+                    // className="h-auto w-auto rounded-md aspect-[1/1]"
+                    alt={`Zdjęcie ${index + 1}`}
+                    resizeMode="cover"
+                    renderMode="contain"
+                    className={
+                      isLandscape
+                        ? "w-auto h-full"
+                        : "h-auto w-auto rounded-md aspect-[1/1]"
+                    }
+                    style={
+                      isLandscape
+                        ? {
+                            resizeMode: "contain",
+                          }
+                        : {}
+                    }
+                    // resizeMode={isLandscape ? "cover" : "contain"}
+                  />
+                </View>
+              )}
+              keyExtractor={(item, index) => index.toString()}
+            />
+
+            {images.length > 1 && (
+              <Box className="flex-row justify-center mt-2">
+                {images.map((_, index) => (
+                  <Box
+                    key={index}
+                    className={`w-2 h-2 rounded-full mx-1 ${
+                      index === currentIndex ? "bg-primary-500" : "bg-gray-300"
+                    }`}
+                  />
+                ))}
+              </Box>
             )}
-            keyExtractor={(item, index) => index.toString()}
-          />
+          </Box>
+        )}
 
-          {images.length > 1 && (
-            <Box className="flex-row justify-center mt-2">
-              {images.map((_, index) => (
-                <Box
-                  key={index}
-                  className={`w-2 h-2 rounded-full mx-1 ${
-                    index === currentIndex ? "bg-primary-500" : "bg-gray-300"
-                  }`}
+        <ScrollView showsVerticalScrollIndicator={false}>
+          <VStack className="p-2">
+            <Text className="text-sm font-normal mb-2 text-typography-700">
+              {formatDate(notice.publishDate)}
+            </Text>
+            <Text className="text-2xl text-gray-950 font-bold mb-2 text-left bg-gray-50 rounded-md p-2">
+              {notice.title}
+            </Text>
+
+            <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>
+
+              <Pressable
+                onPress={() => {
+                  toggleNoticeInWishlist(id);
+                }}
+              >
+                <Ionicons
+                  name={isInWishlist ? "heart" : "heart-outline"}
+                  size={24}
+                  color={"primary-heading-500"}
                 />
-              ))}
+              </Pressable>
+            </Box>
+            <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
+              <Text className="text-sm text-typography-500">
+                Kategoria:{" "}
+                <Text className="font-bold text-gray-950">
+                  {notice.category}
+                </Text>
+              </Text>
+            </Box>
+            {notice.attributes && notice.attributes.length > 0 && (
+              <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
+                {notice.attributes.map((attribute, index) => (
+                  <Text
+                    key={index}
+                    className="text-sm text-typography-500 mb-1"
+                  >
+                    {attribute.name}:{" "}
+                    <Text className="font-bold text-gray-950">
+                      {attribute.value}
+                    </Text>
+                  </Text>
+                ))}
+              </Box>
+            )}
+            <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
+              <Text className="text-2xl text-gray-950">Opis ogloszenia</Text>
+              <Text className="text-sm text-typography-700">
+                {notice.description}
+              </Text>
             </Box>
-          )}
-        </Box>
-      )}
 
-      <ScrollView showsVerticalScrollIndicator={false}>
-        <VStack className="p-2">
-          <Text className="text-sm font-normal mb-2 text-typography-700">
-            {formatDate(notice.publishDate)}
-          </Text>
-          <Text className="text-2xl text-gray-950 font-bold mb-2 text-left bg-gray-50 rounded-md p-2">
-            {notice.title}
-          </Text>
-
-          <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>
-
-            <Pressable
-              onPress={() => {
-                toggleNoticeInWishlist(id);
-              }}
-            >
-              <Ionicons
-                name={isInWishlist ? "heart" : "heart-outline"}
-                size={24}
-                color={"primary-heading-500"}
-              />
-            </Pressable>
-          </Box>
-          <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
-            <Text className="text-sm text-typography-500">
-              Kategoria:{" "}
-              <Text className="font-bold text-gray-950">{notice.category}</Text>
-            </Text>
-          </Box>
-          <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
-
-            <Text className="text-2xl text-gray-950">Opis ogloszenia</Text>
-            <Text className="text-sm text-typography-700">
-              {notice.description}
-            </Text>
-          </Box>
-
-          <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
-            <Text className="text-sm text-typography-500">Uzytkownik:</Text>
-            {isUserLoading ? (
-              <ActivityIndicator />
-            ) : user ? (
-              <>
-                <Box className="mr-4">
-                  <Avatar size="md">
-                    <AvatarImage
+            <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
+              <Text className="text-sm text-typography-500">Uzytkownik:</Text>
+              {isUserLoading ? (
+                <ActivityIndicator />
+              ) : user ? (
+                <>
+                  <Box className="mr-4">
+                    <Avatar size="md">
+                      <AvatarImage
                         source={{
                           uri:
-                              user.image ||
-                              "https://th.bing.com/th/id/OIP.3coo_N8sieled8QNroQmkgHaHa?rs=1&pid=ImgDetMain",
+                            user.image ||
+                            "https://th.bing.com/th/id/OIP.3coo_N8sieled8QNroQmkgHaHa?rs=1&pid=ImgDetMain",
                         }}
                         alt="Zdjęcie profilowe"
-                    />
-                    <AvatarFallbackText>
-                      {user.firstName?.[0]}
-                      {user.lastName?.[0]}
-                    </AvatarFallbackText>
-                  </Avatar>
-                </Box>
+                      />
+                      <AvatarFallbackText>
+                        {user.firstName?.[0]}
+                        {user.lastName?.[0]}
+                      </AvatarFallbackText>
+                    </Avatar>
+                  </Box>
 
-                <Box className="flex-1">
-                  <Text className="text-xl font-bold text-gray-950">
-                    {user.firstName} {user.lastName}
-                  </Text>
-                  <Text className="text-sm text-typography-700">
-                    Email: {user.email}
-                  </Text>
-                  <Pressable
-                    onPress={() => setIsMessageFormVisible(true)}
-                    className="mt-3 bg-primary-500 py-2 px-4 rounded-md"
-                  >
-                    <Text className="text-white text-center font-bold">
-                      Wyślij wiadomość
+                  <Box className="flex-1">
+                    <Text className="text-xl font-bold text-gray-950">
+                      {user.firstName} {user.lastName}
                     </Text>
-                  </Pressable>
+                    <Text className="text-sm text-typography-700">
+                      Email: {user.email}
+                    </Text>
+                    <Pressable
+                      onPress={() => setIsMessageFormVisible(true)}
+                      className="mt-3 bg-primary-500 py-2 px-4 rounded-md"
+                    >
+                      <Text className="text-white text-center font-bold">
+                        Wyślij wiadomość
+                      </Text>
+                    </Pressable>
 
-                  <Button variant="outline" className="mt-2" onPress={() => router.replace(`/user/${notice.clientId}`)}>
+                    <Button
+                      variant="outline"
+                      className="mt-2"
+                      onPress={() => router.replace(`/user/${notice.clientId}`)}
+                    >
                       <ButtonText>
                         Zobacz więcej ogłoszeń od {user.firstName}
                       </ButtonText>
                     </Button>
-                </Box>
-              </>
-            ) : (
-              <Text>Błąd podczas ładowania danych użytkownika</Text>
-            )}
-          </Box>
-        </VStack>
-      </ScrollView>
-      {isMessageFormVisible && (
-        <KeyboardAvoidingView
-          behavior={Platform.OS === "ios" ? "padding" : "height"}
-          className="absolute inset-0 bg-black/50 justify-center items-center z-20"
-        >
-          <View className="bg-white p-4 rounded-lg w-4/5 max-h-4/5">
-            <ScrollView showsVerticalScrollIndicator={false}>
-              <Text className="text-lg font-bold mb-4">
-                Wyślij wiadomość do {user?.firstName}
-              </Text>
+                  </Box>
+                </>
+              ) : (
+                <Text>Błąd podczas ładowania danych użytkownika</Text>
+              )}
+            </Box>
+          </VStack>
+        </ScrollView>
+        {isMessageFormVisible && (
+          <KeyboardAvoidingView
+            behavior={Platform.OS === "ios" ? "padding" : "height"}
+            className="absolute inset-0 bg-black/50 justify-center items-center z-20"
+          >
+            <View className="bg-white p-4 rounded-lg w-4/5 max-h-4/5">
+              <ScrollView showsVerticalScrollIndicator={false}>
+                <Text className="text-lg font-bold mb-4">
+                  Wyślij wiadomość do {user?.firstName}
+                </Text>
 
-              <Text className="text-sm font-medium mb-1">Do:</Text>
-              <Text className="bg-gray-100 p-3 rounded text-gray-500">
-                {user?.email || "Brak adresu e-mail"}
-              </Text>
-              <Text className="text-sm font-medium mb-1">Temat:</Text>
-              <Text className="bg-gray-100 p-3 rounded text-gray-500">
-                Zapytanie o ogłoszenie '{notice.title || "Brak nazwy ogłoszenia"}'
-              </Text>
+                <Text className="text-sm font-medium mb-1">Do:</Text>
+                <Text className="bg-gray-100 p-3 rounded text-gray-500">
+                  {user?.email || "Brak adresu e-mail"}
+                </Text>
+                <Text className="text-sm font-medium mb-1">Temat:</Text>
+                <Text className="bg-gray-100 p-3 rounded text-gray-500">
+                  Zapytanie o ogłoszenie '
+                  {notice.title || "Brak nazwy ogłoszenia"}'
+                </Text>
 
-              <TextInput
-                className="border border-gray-300 rounded-md p-2 mb-4 h-32 text-left"
-                multiline
-                numberOfLines={4}
-                placeholder="Napisz swoją wiadomość..."
-                value={message}
-                onChangeText={setMessage}
-              />
+                <TextInput
+                  className="border border-gray-300 rounded-md p-2 mb-4 h-32 text-left"
+                  multiline
+                  numberOfLines={4}
+                  placeholder="Napisz swoją wiadomość..."
+                  value={message}
+                  onChangeText={setMessage}
+                />
 
-              <View className="flex-row justify-end space-x-2">
-                <Pressable
-                  onPress={() => setIsMessageFormVisible(false)}
-                  className="bg-gray-300 py-2 px-4 rounded-md"
-                >
-                  <Text className="text-gray-800">Anuluj</Text>
-                </Pressable>
-
-                <Pressable
-                  onPress={handleSendMessage}
-                  className="bg-blue-500 py-2 px-4 rounded-md"
-                  disabled={isSending}
-                >
-                  {isSending ? (
-                    <ActivityIndicator color="#fff" />
-                  ) : (
-                    <Text className="text-white">Wyślij</Text>
-                  )}
-                </Pressable>
-              </View>
-            </ScrollView>
-          </View>
-        </KeyboardAvoidingView>
-      )}
-    </Card>
-      </SafeAreaView>
+                <View className="flex-row justify-end space-x-2">
+                  <Pressable
+                    onPress={() => setIsMessageFormVisible(false)}
+                    className="bg-gray-300 py-2 px-4 rounded-md"
+                  >
+                    <Text className="text-gray-800">Anuluj</Text>
+                  </Pressable>
 
+                  <Pressable
+                    onPress={handleSendMessage}
+                    className="bg-blue-500 py-2 px-4 rounded-md"
+                    disabled={isSending}
+                  >
+                    {isSending ? (
+                      <ActivityIndicator color="#fff" />
+                    ) : (
+                      <Text className="text-white">Wyślij</Text>
+                    )}
+                  </Pressable>
+                </View>
+              </ScrollView>
+            </View>
+          </KeyboardAvoidingView>
+        )}
+      </Card>
+    </SafeAreaView>
   );
 }

ArtisanConnect/app/notice/edit/[id].jsx

@@ -0,0 +1,389 @@
+import { useState, useEffect } from "react";
+import {
+  Image,
+  StyleSheet,
+  KeyboardAvoidingView,
+  Platform,
+  ActivityIndicator,
+} from "react-native";
+import { Button, ButtonText } from "@/components/ui/button";
+import { FormControl } from "@/components/ui/form-control";
+import { Input, InputField } from "@/components/ui/input";
+import { Text } from "@/components/ui/text";
+import { VStack } from "@/components/ui/vstack";
+import { Textarea, TextareaInput } from "@/components/ui/textarea";
+import { ScrollView } from "@gluestack-ui/themed";
+import { Box } from "@/components/ui/box";
+import * as ImagePicker from "expo-image-picker";
+import {
+  Select,
+  SelectTrigger,
+  SelectInput,
+  SelectIcon,
+  SelectPortal,
+  SelectBackdrop,
+  SelectContent,
+  SelectItem,
+  SelectScrollView,
+} from "@/components/ui/select";
+
+import { ChevronDownIcon } from "@/components/ui/icon";
+import { useNoticesStore } from "@/store/noticesStore";
+import { listCategories } from "@/api/categories";
+import { useRouter } from "expo-router";
+import { attributes } from "@/data/attributesData";
+import { useLocalSearchParams, Stack } from "expo-router";
+import { Ionicons } from "@expo/vector-icons";
+
+export default function EditNotice() {
+  const { id } = useLocalSearchParams();
+  const router = useRouter();
+  const { editNotice, fetchNotices, notices } = useNoticesStore();
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [price, setPrice] = useState("");
+  const [category, setCategory] = useState("");
+  const [image, setImage] = useState([]);
+  const [isImageLoading, setIsImageLoading] = useState(true);
+  const [selectItems, setSelectItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [selectedAttributes, setSelectedAttributes] = useState({});
+  const { getNoticeById, getAllImagesByNoticeId } = useNoticesStore();
+
+  useEffect(() => {
+    let isMounted = true;
+    const fetchSelectItems = async () => {
+      try {
+        let data = await listCategories();
+        if (isMounted && Array.isArray(data)) {
+          setSelectItems(data);
+        }
+      } catch (error) {
+        console.error("Error fetching select items:", error);
+      }
+    };
+
+    fetchSelectItems();
+
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+
+  useEffect(() => {
+    const notice = notices.find((notice) => notice.noticeId == id);
+    if (notice) {
+      setTitle(notice.title || "");
+      setDescription(notice.description || "");
+      setPrice(notice.price?.toString() || "");
+      setCategory(notice.category || "");
+
+      if (notice.attributes && Array.isArray(notice.attributes)) {
+        const attributesObj = {};
+        notice.attributes.forEach((attr) => {
+          attributesObj[attr.name] = attr.value;
+        });
+        setSelectedAttributes(attributesObj);
+      }
+    }
+
+    const fetchImage = async () => {
+      setIsImageLoading(true);
+      try {
+        const fetchedImages = await getAllImagesByNoticeId(notice.noticeId);
+        if (fetchedImages && fetchedImages.length > 0) {
+          setImage(fetchedImages);
+        } else {
+          setImage([]);
+        }
+      } catch (err) {
+        console.error("Error while loading images:", err);
+        setImage([]);
+      } finally {
+        setIsImageLoading(false);
+      }
+    };
+
+    if (notice) {
+      fetchImage();
+    }
+  }, [notices, id]);
+
+  const [error, setError] = useState({
+    title: false,
+    description: false,
+    price: false,
+    category: false,
+  });
+
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+    },
+    image: {
+      width: 100,
+      height: 100,
+    },
+  });
+
+  const handleEditNotice = async () => {
+    setError({
+      title: !title,
+      description: !description,
+      price: !price,
+      category: !category,
+    });
+
+    if (!title || !description || !price || !category) {
+      console.log("Error in form");
+      return;
+    }
+    const formattedAttributes = Object.entries(selectedAttributes).map(
+      ([name, value]) => ({
+        name: name,
+        value: value,
+      })
+    );
+    setIsLoading(true);
+    try {
+      const result = await editNotice(id, {
+        title: title,
+        description: description,
+        price: price,
+        category: category,
+        status: "INACTIVE",
+        image: image,
+        attributes: formattedAttributes,
+      });
+
+      if (result) {
+        await fetchNotices();
+
+        router.push("/(tabs)/dashboard/userNotices");
+      }
+    } catch (error) {
+      console.error("Error editing notice. Error message: ", error.message);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const takePicture = async () => {
+    const { status } = await ImagePicker.requestCameraPermissionsAsync();
+    if (status !== "granted") {
+      return;
+    }
+    const result = await ImagePicker.launchCameraAsync({
+      allowsEditing: false,
+    });
+
+    if (!result.canceled && result.assets) {
+      setImage(result.assets.map((asset) => asset.uri));
+    }
+  };
+
+  const pickImage = async () => {
+    let result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: "images",
+      selectionLimit: 8,
+      allowsEditing: false,
+      allowsMultipleSelection: true,
+      aspect: [4, 3],
+      quality: 0.5,
+    });
+
+    if (!result.canceled) {
+      setImage(result.assets.map((asset) => asset.uri));
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <Box className="items-center justify-center flex-1">
+        <ActivityIndicator size="large" color="#787878" />
+        <Text size="md" bold="true" className="mt-5">
+          Edytuj ogłoszenie...
+        </Text>
+      </Box>
+    );
+  }
+
+  return (
+    <KeyboardAvoidingView
+      behavior={Platform.OS === "ios" ? "padding" : "height"}
+      style={{ flex: 1 }}
+      keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 0}
+    >
+      <Stack.Screen
+        options={{
+          title: "Edycja",
+          headerLeft: () => (
+            <Button
+              variant="link"
+              size="sm"
+              onPress={() => router.replace("/(tabs)/dashboard/userNotices")}
+              className="mr-2"
+            >
+              <Ionicons name="arrow-back" size={24} color="#1c1c1e" />
+              <ButtonText className="text-typography-900">Wróć</ButtonText>
+            </Button>
+          ),
+        }}
+      />
+      <ScrollView h="$80" w="$80">
+        <FormControl className="p-4 border rounded-lg border-outline-300">
+          <VStack space="xl">
+            <VStack space="md">
+              <Text className="text-typography-500">Zdjęcia</Text>
+              <Button onPress={pickImage}>
+                <ButtonText>Wybierz zdjęcia</ButtonText>
+              </Button>
+              <Button onPress={takePicture}>
+                <ButtonText>Zrób zdjęcie</ButtonText>
+              </Button>
+              <Text size="sm" bold="true">
+                Pierwsze zdjęcie będzie zdjęciem głównym
+              </Text>
+              {image && image.length > 0 && (
+                <VStack space="xs" className="flex-row flex-wrap">
+                  {image.map((img, index) => {
+                    const imageSource =
+                      typeof img === "string" ? { uri: img } : img;
+
+                    return (
+                      <Image
+                        key={index}
+                        source={imageSource}
+                        style={styles.image}
+                        className="m-1"
+                        onError={(error) =>
+                          console.log(`Image ${index} error:`, error)
+                        }
+                      />
+                    );
+                  })}
+                </VStack>
+              )}
+            </VStack>
+
+            <VStack space="xs">
+              <Text className="text-typography-500">Tytuł*</Text>
+              <Input className="min-w-[250px]" isInvalid={error.title}>
+                <InputField
+                  type="text"
+                  value={title}
+                  onChangeText={(value) => setTitle(value)}
+                />
+              </Input>
+            </VStack>
+
+            <VStack space="xs">
+              <Text className="text-typography-500">Opis*</Text>
+              <Textarea
+                size="md"
+                className="min-w-[250px] "
+                isInvalid={error.description}
+              >
+                <TextareaInput
+                  placeholder="Opisz produkt"
+                  value={description}
+                  onChangeText={(value) => setDescription(value)}
+                />
+              </Textarea>
+            </VStack>
+
+            <VStack space="xs">
+              <Text className="text-typography-500">Cena*</Text>
+              <Input className="min-w-[250px]" isInvalid={error.price}>
+                <InputField
+                  type="text"
+                  value={price}
+                  onChangeText={(value) => setPrice(value)}
+                />
+              </Input>
+            </VStack>
+            <VStack space="xs">
+              <Text className="text-typography-500">Kategoria*</Text>
+              <Select
+                onValueChange={(value) => setCategory(value)}
+                isInvalid={error.category}
+                selectedValue={category || ""}
+              >
+                <SelectTrigger variant="outline" size="md">
+                  <SelectInput
+                    placeholder="Wybierz kategorię"
+                    value={
+                      selectItems.find((item) => item.value === category)
+                        ?.label || ""
+                    }
+                  />
+                  <SelectIcon className="mr-3" as={ChevronDownIcon} />
+                </SelectTrigger>
+                <SelectPortal>
+                  <SelectBackdrop />
+                  <SelectContent style={{ maxHeight: 400 }}>
+                    <SelectScrollView>
+                      {selectItems.map((item) => (
+                        <SelectItem
+                          key={item.value}
+                          label={item.label}
+                          value={item.value}
+                        />
+                      ))}
+                    </SelectScrollView>
+                  </SelectContent>
+                </SelectPortal>
+              </Select>
+            </VStack>
+
+            {Object.entries(attributes).map(([label, options]) => (
+              <VStack key={label} space="xs">
+                <Text className="text-typography-500">{label}</Text>
+                <Select
+                  selectedValue={selectedAttributes[label] || ""}
+                  onValueChange={(value) =>
+                    setSelectedAttributes((prev) => ({
+                      ...prev,
+                      [label]: value,
+                    }))
+                  }
+                >
+                  <SelectTrigger variant="outline" size="md">
+                    <SelectInput
+                      placeholder={`Wybierz ${label.toLowerCase()}`}
+                    />
+                    <SelectIcon className="mr-3" as={ChevronDownIcon} />
+                  </SelectTrigger>
+                  <SelectPortal>
+                    <SelectBackdrop />
+                    <SelectContent style={{ maxHeight: 400 }}>
+                      <SelectScrollView>
+                        {options.map((option) => (
+                          <SelectItem
+                            key={option}
+                            label={option}
+                            value={option}
+                          />
+                        ))}
+                      </SelectScrollView>
+                    </SelectContent>
+                  </SelectPortal>
+                </Select>
+              </VStack>
+            ))}
+
+            <Button
+              className="mt-5 w-full"
+              onPress={handleEditNotice}
+              disabled={isLoading}
+            >
+              <ButtonText className="text-typography-0">Edytuj</ButtonText>
+            </Button>
+          </VStack>
+        </FormControl>
+      </ScrollView>
+    </KeyboardAvoidingView>
+  );
+}

ArtisanConnect/app/registration.jsx

@@ -1,22 +1,24 @@
 import React, {useState} from 'react';
-import {StyleSheet, ActivityIndicator, SafeAreaView, View} from 'react-native';
+import {StyleSheet, ActivityIndicator, SafeAreaView, View, Platform, KeyboardAvoidingView} from 'react-native';
 import {useAuthStore} from '@/store/authStore';
 import {useRouter} from 'expo-router';
 
 import {Box} from "@/components/ui/box"
-import {Button, ButtonText,ButtonIcon} from "@/components/ui/button"
-import {ArrowRightIcon} from "@/components/ui/icon"
+import {Button, ButtonText, ButtonIcon} from "@/components/ui/button"
+import {ArrowRightIcon, EyeIcon, EyeOffIcon} from "@/components/ui/icon"
 import {Center} from "@/components/ui/center"
 import {Heading} from "@/components/ui/heading"
-import {Input, InputField} from "@/components/ui/input"
+import {Input, InputField, InputIcon, InputSlot} from "@/components/ui/input"
 import {VStack} from "@/components/ui/vstack"
-import {Link} from "expo-router"
+import {Text} from "@/components/ui/text";
 
 export default function Registration() {
     const [email, setEmail] = useState('');
     const [password, setPassword] = useState('');
     const [firstName, setFirstName] = useState('');
     const [lastName, setLastName] = useState('');
+    const [emailError, setEmailError] = useState('');
+    const [showPassword, setShowPassword] = useState(false)
     const {signUp, isLoading} = useAuthStore();
     const router = useRouter();
 
@@ -26,6 +28,11 @@ export default function Registration() {
             return;
         }
 
+        if (!validateEmail(email)) {
+            setEmailError('Nieprawidłowy format adresu email');
+            return;
+        }
+
         try {
             await signUp({email, password, firstName, lastName});
             alert(`Zalogowano jako ${email}`);
@@ -35,6 +42,17 @@ export default function Registration() {
         }
     }
 
+    const validateEmail = (email) => {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return emailRegex.test(email);
+    };
+
+    const handleShowPassword = () => {
+        setShowPassword((showState) => {
+            return !showState
+        })
+    }
+
     if (isLoading) {
         return (
             <View style={styles.container}>
@@ -44,45 +62,66 @@ export default function Registration() {
     }
 
     return (
-        <SafeAreaView style={styles.container}>
-            <Center>
-    
-                <Box className="p-5 w-[80%] border border-background-300 rounded-lg">
-                    <VStack className="pb-4" space="xs">
-                        <Heading className="leading-[30px]">Rejestracja</Heading>
-                        <Box className="flex flex-row">
-                           {/* <Link href="/login" asChild> */}
-                                <Button variant="link" size="sm" className="p-0" onPress={() => router.replace("/login")}>
+        <KeyboardAvoidingView
+            behavior={Platform.OS === "ios" ? "padding" : "height"}
+            style={{flex: 1}}
+            keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 0}
+        >
+            <SafeAreaView style={styles.container}>
+                <Center>
+
+                    <Box className="p-5 w-[80%] border border-background-300 rounded-lg">
+                        <VStack className="pb-4" space="xs">
+                            <Heading className="leading-[30px]">Rejestracja</Heading>
+                            <Box className="flex flex-row">
+                                {/* <Link href="/login" asChild> */}
+                                <Button variant="link" size="sm" className="p-0"
+                                        onPress={() => router.replace("/login")}>
                                     <ButtonText style={styles.signupbutton}>Masz już konto? Zaloguj się!</ButtonText>
                                     <ButtonIcon className="mr-1" size="md" as={ArrowRightIcon}/>
                                 </Button>
-                            {/* </Link>  */}
-                        </Box>
-                    </VStack>
-                    <VStack space="xl" className="py-2">
-                        <Input>
-                            <InputField type="email" className="py-2" placeholder="E-mail" onChangeText={setEmail}/>
-                        </Input>
-                        <Input>
-                            <InputField className="py-2" placeholder="Imię" onChangeText={setFirstName}/>
-                        </Input>
-                        <Input>
-                            <InputField className="py-2" placeholder="Nazwisko" onChangeText={setLastName}/>
-                        </Input>
-                        <Input>
-                            <InputField type="password" className="py-2" placeholder="Hasło"
-                                        onChangeText={setPassword}/>
-                        </Input>
-                    </VStack>
-                    <VStack space="lg" className="pt-4">
-                        <Button size="sm" onPress={handleInternalRegistration}>
-                            <ButtonText>Zarejestruj się</ButtonText>
-                        </Button>
-                    </VStack>
-                </Box>
-             
-            </Center>
-        </SafeAreaView>
+                                {/* </Link>  */}
+                            </Box>
+                        </VStack>
+                        <VStack space="xl" className="py-2">
+                            {emailError ? <Text className="m-0 color-red-600">{emailError}</Text> : null}
+                            <Input isRequired={true}>
+                                <InputField type="email" className="py-2" placeholder="E-mail"
+                                            onChangeText={(text) => {
+                                                setEmail(text);
+                                                if (text && !validateEmail(text)) {
+                                                    setEmailError('Nieprawidłowy format adresu email');
+                                                } else {
+                                                    setEmailError('');
+                                                }
+                                            }}
+                                />
+                            </Input>
+                            <Input isRequired={true}>
+                                <InputField className="py-2" placeholder="Imię" onChangeText={setFirstName}/>
+                            </Input>
+                            <Input isRequired={true}>
+                                <InputField className="py-2" placeholder="Nazwisko" onChangeText={setLastName}/>
+                            </Input>
+                            <Input isRequired={true}>
+                                <InputField type={showPassword ? "text" : "password"} className="py-2"
+                                            placeholder="Hasło"
+                                            onChangeText={setPassword}/>
+                                <InputSlot className="pr-3" onPress={handleShowPassword}>
+                                    <InputIcon as={showPassword ? EyeIcon : EyeOffIcon}/>
+                                </InputSlot>
+                            </Input>
+                        </VStack>
+                        <VStack space="lg" className="pt-4">
+                            <Button size="sm" onPress={handleInternalRegistration}>
+                                <ButtonText>Zarejestruj się</ButtonText>
+                            </Button>
+                        </VStack>
+                    </Box>
+
+                </Center>
+            </SafeAreaView>
+        </KeyboardAvoidingView>
     );
 }
 
@@ -105,7 +144,7 @@ const styles = StyleSheet.create({
         color: 'red',
         marginBottom: 10,
     },
-     signupbutton: {
+    signupbutton: {
         fontWeight: '300',
         textAlign: 'left',
     },

ArtisanConnect/app/user/[userId].jsx

@@ -1,6 +1,6 @@
 import { useLocalSearchParams, Stack } from "expo-router";
 import { useState, useEffect } from "react";
-import { FlatList, ActivityIndicator, Text } from "react-native";
+import {FlatList, ActivityIndicator, Text, SafeAreaView} from "react-native";
 import { Box } from "@/components/ui/box";
 import { Image } from "@/components/ui/image";
 import { VStack } from "@/components/ui/vstack";
@@ -44,6 +44,7 @@ export default function UserProfile() {
   );
 
   return (
+      <SafeAreaView className="flex-1" edges={['right', 'bottom', 'left']}>
     <VStack className="p-4">
       <Stack.Screen
         options={{
@@ -54,7 +55,7 @@ export default function UserProfile() {
         <Image
           source={{
             uri:
-              user.profileImage ||
+              user.image ||
               "https://th.bing.com/th/id/OIP.3coo_N8sieled8QNroQmkgHaHa?rs=1&pid=ImgDetMain",
           }}
           className="h-16 w-16 rounded-full mr-4"
@@ -80,5 +81,6 @@ export default function UserProfile() {
         <Text>Ten użytkownik nie ma żadnych ogłoszeń.</Text>
       )}
     </VStack>
+      </SafeAreaView>
   );
 }

ArtisanConnect/components/UserSection.jsx

@@ -2,30 +2,36 @@ import { View } from "react-native";
 import { useEffect, useState } from "react";
 import { Heading } from "@/components/ui/heading";
 import { FlatList } from "react-native";
-import axios from "axios";
 import UserBlock from "@/components/UserBlock";
+import { getAllUsers } from "@/api/client";
 import { useAuthStore } from "@/store/authStore";
 
 export function UserSection({ notices, title }) {
-  const token = useAuthStore((state) => state.token);
-  const headers = token ? { Authorization: `Bearer ${token}` } : {};
   const [users, setUsers] = useState([]);
+  const { token } = useAuthStore.getState();
 
   useEffect(() => {
+    const fetchUsers = async () => {
+      try {
+        const data = await getAllUsers();
+        setUsers(data);
+      } catch (error) {
+        setUsers([]);
+      }
+    };
+
     if (token) {
-      axios
-        .get("https://hopp.zikor.pl/api/v1/clients/get/all", {
-          headers: headers,
-        })
-        .then((res) => setUsers(res.data))
-        .catch(() => setUsers([]));
+        fetchUsers();
     }
   }, [token]);
 
-  const usersWithNoticeCount = users.map((user) => {
-    const count = notices.filter((n) => n.clientId === user.id).length;
-    return { ...user, noticeCount: count };
-  });
+  const usersWithNoticeCount =
+    users && users.length > 0
+      ? users.map((user) => {
+          const count = notices.filter((n) => n.clientId === user.id).length;
+          return { ...user, noticeCount: count };
+        })
+      : [];
 
   const topUsers = usersWithNoticeCount
     .sort((a, b) => b.noticeCount - a.noticeCount)

ArtisanConnect/data/attributesData.jsx

@@ -0,0 +1,28 @@
+export const attributes = {
+  Kolor: [
+    "Zielony",
+    "Czerwony",
+    "Niebieski",
+    "Żółty",
+    "Biały",
+    "Czarny",
+    "Różowy",
+    "Szary",
+    "Fioletowy",
+    "Pomarańczowy",
+    "Inny",
+  ],
+  Materiał: [
+    "Bawełna",
+    "Wełna",
+    "Syntetyk",
+    "Skóra",
+    "Len",
+    "Jedwab",
+    "Poliester",
+    "Akryl",
+    "Wiskoza",
+    "Nylon",
+    "Inny",
+  ],
+};

ArtisanConnect/store/authStore.jsx

@@ -2,10 +2,9 @@ import { create } from "zustand";
 import { createJSONStorage, persist } from "zustand/middleware";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import axios from "axios";
+import * as api from "@/api/auth";
 import { router } from "expo-router";
 
-const API_URL = "https://hopp.zikor.pl/api/v1";
-
 let interceptorInitialized = false;
 
 export const useAuthStore = create(
@@ -38,16 +37,8 @@ export const useAuthStore = create(
         signIn: async (email, password) => {
           set({ isLoading: true, error: null });
           try {
-            const response = await axios.post(`${API_URL}/auth/login`, {
-              email,
-              password,
-            });
-
-            const user_id = response.data.user_id;
-            const token = response.data.token;
-            set({ user_id: user_id, token: token, isLoading: false });
-
-            axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
+            const response = await api.login({email, password});
+            set({ user_id: response.user_id, token: response.token, isLoading: false });
           } catch (error) {
             set({
               error: error.response?.data?.message || error.message,
@@ -60,19 +51,8 @@ export const useAuthStore = create(
         signUp: async (userData) => {
           set({ isLoading: true, error: null });
           try {
-            const response = await axios.post(
-              `${API_URL}/auth/register`,
-              userData,
-              {
-                headers: { "Content-Type": "application/json" },
-              }
-            );
-
-            const user_id = response.data.user_id;
-            const token = response.data.token;
-            set({ user_id: user_id, token: token, isLoading: false });
-
-            axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
+            const response = await api.register(userData);
+            set({ user_id: response.user_id, token: response.token, isLoading: false });
           } catch (error) {
             set({
               error: error.response?.data?.message || error.message,
@@ -85,18 +65,8 @@ export const useAuthStore = create(
         signInWithGoogle: async (googleToken) => {
           set({ isLoading: true, error: null });
           try {
-            const response = await axios.post(
-              `${API_URL}/auth/google`,
-              { googleToken: googleToken },
-              {
-                headers: { "Content-Type": "application/json" },
-              }
-            );
-            const user_id = response.data.user_id;
-            const token = response.data.token;
-            set({ user_id: user_id, token: token, isLoading: false });
-
-            axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
+            const response = await api.googleLogin(googleToken);
+            set({ user_id: response.user_id, token: response.token, isLoading: false });
           } catch (error) {
             set({
               error: error.response?.data?.message || error.message,
@@ -108,19 +78,11 @@ export const useAuthStore = create(
 
         signOut: async () => {
           const { token } = get();
-          const headers = token ? { Authorization: `Bearer ${token}` } : {};
           try {
-            await axios.post(
-              `${API_URL}/auth/logout`,
-              {},
-              {
-                headers: headers,
-              }
-            );
+            await api.logout(token);
           } catch (error) {
             console.error("Logout error:", error);
           } finally {
-            delete axios.defaults.headers.common["Authorization"];
             set({ user_id: null, token: null });
             router.replace("/login");
           }

ArtisanConnect/store/noticesStore.jsx

@@ -26,6 +26,34 @@ export const useNoticesStore = create((set, get) => ({
     }
   },
 
+  editNotice: async (noticeId, notice) => {
+    try {
+      if (notice.image.length > 0 && typeof notice.image[0] == "string") {
+        const currentImages = await api.getAllImagesByNoticeId(noticeId);
+        if (currentImages && currentImages.length > 0) {
+          for (const image of currentImages) {
+            const filename = image.uri
+              ? image.uri.split("/").pop()
+              : image.split("/").pop();
+
+            await api.deleteImage(filename);
+          }
+        }
+      }
+      const updatedNotice = await api.editNotice(noticeId, notice);
+      set((state) => ({
+        notices: state.notices.map((n) =>
+          n.noticeId == noticeId ? updatedNotice : n
+        ),
+      }));
+      return updatedNotice;
+    } catch (error) {
+      console.error("Error editing notice:", error);
+      set({ error });
+      throw error;
+    }
+  },
+
   getNoticeById: (noticeId) => {
     return get().notices.find(
       (notice) => String(notice.noticeId) === String(noticeId)