11 Commits

Author SHA1 Message Date
Patryk
a04ef906cd fix merge 2025-06-09 21:49:07 +02:00
Patryk
a51345fd93 Merge remote-tracking branch 'origin/ScreenRotation' 2025-06-09 21:21:15 +02:00
Patryk
c2d4f5fb79 category and logout fiexes 2025-06-09 21:17:30 +02:00
7ec883100f headers user is hidden, [userId] is changed to "Ogłsozenia uzytkownika" 2025-06-09 21:12:10 +02:00
Patryk
207f8f7161 Merge branch 'main' of https://progit.zikor.pl/hamx/ArtisanConnectFrontend 2025-06-09 20:59:46 +02:00
Patryk
27175ffa91 some fixes 2025-06-09 20:59:43 +02:00
c25495ba3f AppIco added 2025-06-09 20:51:09 +02:00
be51f1e9cc Mail sender is working 2025-06-09 20:39:00 +02:00
14bd178f84 Mail sender is working 2025-06-09 20:38:13 +02:00
7fc1312ddc Avatar + SafeAreaView 2025-06-09 19:27:05 +02:00
1d3cbeef3a Added ScreenRotation to notice and updated userNotices 2025-06-08 17:22:02 +02:00
19 changed files with 598 additions and 532 deletions

View File

@@ -8,9 +8,11 @@ export async function listCategories() {
const headers = token ? { Authorization: `Bearer ${token}` } : {}; const headers = token ? { Authorization: `Bearer ${token}` } : {};
try { try {
const response = await axios.get(`${API_URL}/vars/categories`, { headers: headers }); const response = await axios.get(`${API_URL}/vars/categories`, {
headers: headers,
});
return response.data; return response.data;
} catch (err) { } catch (err) {
console.error("Nie udało się pobrać listy kategorii.", err.response.status); // console.error("Nie udało się pobrać listy kategorii.", err.response.status);
} }
} }

View File

@@ -7,10 +7,9 @@ export async function getUserById(userId) {
const { token } = useAuthStore.getState(); const { token } = useAuthStore.getState();
const headers = token ? { Authorization: `Bearer ${token}` } : {}; const headers = token ? { Authorization: `Bearer ${token}` } : {};
try { try {
const response = await axios.get( const response = await axios.get(`${API_URL}/clients/get/${userId}`, {
`${API_URL}/clients/get/${userId}`, headers: headers,
headers });
);
return response.data; return response.data;
} catch (err) { } catch (err) {
console.error( console.error(

View File

@@ -0,0 +1,30 @@
import { useAuthStore } from "@/store/authStore";
const API_URL = "https://hopp.zikor.pl/api/v1";
export const sendEmail = async (emailData) => {
const token = useAuthStore.getState().token;
try {
const response = await fetch(`${API_URL}/email/send`, {
method: "POST",
headers: {
"Content-Type": "application/json",
...(token && { Authorization: `Bearer ${token}` }),
},
body: JSON.stringify(emailData),
});
if (!response.ok) {
const errorMessage = `HTTP error! Status: ${response.status}`;
console.error("Error przy wysyłaniu maila", errorMessage);
return { success: false, error: errorMessage };
}
const result = await response.text();
return { success: true, result };
} catch (error) {
console.error("Error przy wysyłaniu maila:", error.message);
return { success: false, error: error.message };
}
};

View File

@@ -2,7 +2,7 @@ import axios from "axios";
import FormData from "form-data"; import FormData from "form-data";
import { useAuthStore } from "@/store/authStore"; import { useAuthStore } from "@/store/authStore";
// const API_URL = "https://testowe.zikor.pl/api/v1"; // const API_URL = "https://hopp.zikor.pl/api/v1";
const API_URL = "https://hopp.zikor.pl/api/v1"; const API_URL = "https://hopp.zikor.pl/api/v1";
@@ -36,7 +36,9 @@ export async function createNotice(notice) {
const { token } = useAuthStore.getState(); const { token } = useAuthStore.getState();
const headers = token ? { Authorization: `Bearer ${token}` } : {}; const headers = token ? { Authorization: `Bearer ${token}` } : {};
try { try {
const response = await axios.post(`${API_URL}/notices/add`, notice, {headers: headers}); const response = await axios.post(`${API_URL}/notices/add`, notice, {
headers: headers,
});
if (response.data.noticeId !== null) { if (response.data.noticeId !== null) {
for (const imageUri of notice.image) { for (const imageUri of notice.image) {
@@ -71,7 +73,9 @@ export async function getAllImagesByNoticeId(noticeId) {
const { token } = useAuthStore.getState(); const { token } = useAuthStore.getState();
const headers = token ? { Authorization: `Bearer ${token}` } : {}; const headers = token ? { Authorization: `Bearer ${token}` } : {};
try { 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) { if (listResponse.data && listResponse.data.length > 0) {
return listResponse.data.map((imageName) => ({ return listResponse.data.map((imageName) => ({

View File

@@ -1,6 +1,4 @@
import axios from "axios"; import axios from "axios";
import FormData from "form-data";
import { useAuthStore } from "@/store/authStore"; import { useAuthStore } from "@/store/authStore";
const API_URL = "https://hopp.zikor.pl/api/v1/orders"; const API_URL = "https://hopp.zikor.pl/api/v1/orders";
@@ -9,17 +7,16 @@ export async function createOrder(noticeId, orderType) {
const { token } = useAuthStore.getState(); const { token } = useAuthStore.getState();
const headers = token ? { Authorization: `Bearer ${token}` } : {}; const headers = token ? { Authorization: `Bearer ${token}` } : {};
const clientId = 1; const clientId = 1;
try { try {
const response = await axios.post( const response = await axios.post(
`${API_URL}/add`, `${API_URL}/add`,
{ clientId, noticeId, orderType }, { clientId: clientId, noticeId: noticeId, orderType: orderType },
{ {
headers: { headers: headers,
"Content-Type": "application/json",
...headers,
},
} }
); );
return response.data; return response.data;
} catch (error) { } catch (error) {
console.log("Error", error.response?.data, error.response?.status); console.log("Error", error.response?.data, error.response?.status);
@@ -33,13 +30,10 @@ export async function createPayment(orderId) {
const clientId = 1; const clientId = 1;
try { try {
const response = await axios.post( const response = await axios.post(
`${API_URL}/token`, `${API_URL}/token?orderId=${orderId}`,
{}, {},
{ {
headers: { headers: headers,
"Content-Type": "application/json",
...headers,
},
} }
); );
return response.data; return response.data;
@@ -49,13 +43,30 @@ export async function createPayment(orderId) {
} }
} }
export async function getOrder(orderId) {
const { token } = useAuthStore.getState();
const headers = token ? { Authorization: `Bearer ${token}` } : {};
try {
const response = await axios.get(`${API_URL}/get/${orderId}`, { headers });
return response.data;
} catch (error) {
console.error(
"Error fetching order:",
error.response?.data,
error.response?.status
);
throw error;
}
}
export async function listOrders() { export async function listOrders() {
const { token } = useAuthStore.getState(); const { token } = useAuthStore.getState();
const headers = token ? { Authorization: `Bearer ${token}` } : {}; const headers = token ? { Authorization: `Bearer ${token}` } : {};
try { try {
const response = await axios.get(`${API_URL}/get/all`, { headers }); const response = await axios.get(`${API_URL}/get/all`, { headers });
return response.data; // to będzie tablica OrderWithPaymentsDTO return response.data;
} catch (error) { } catch (error) {
console.error( console.error(
"Error fetching orders:", "Error fetching orders:",

View File

@@ -28,11 +28,10 @@ export async function getWishlist() {
try { try {
const response = await axios.get(`${API_URL}/`, { headers }); const response = await axios.get(`${API_URL}/`, { headers });
console.log("Wishlist response:", response.data);
return response.data; return response.data;
} catch (error) { } catch (error) {
console.error("Error fetching wishlist:", error); console.error("Error fetching wishlist:", error);
throw error; throw error;
} }
} }
`` ``;

View File

@@ -5,7 +5,7 @@
"scheme": "com.hamx.artisanconnect", "scheme": "com.hamx.artisanconnect",
"version": "1.0.0", "version": "1.0.0",
"orientation": "portrait", "orientation": "portrait",
"icon": "./assets/icon.png", "icon": "./assets/AppIco.png",
"userInterfaceStyle": "light", "userInterfaceStyle": "light",
"newArchEnabled": true, "newArchEnabled": true,
"splash": { "splash": {

View File

@@ -3,11 +3,12 @@ import { Ionicons } from "@expo/vector-icons";
import { useAuthStore } from "@/store/authStore"; import { useAuthStore } from "@/store/authStore";
export default function TabLayout() { export default function TabLayout() {
const token = useAuthStore((state) => state.token); const { token } = useAuthStore.getState();
if (!token) { if (!token) {
return <Redirect href="/login" />; return <Redirect href="/login" />;
} }
return ( return (
<Tabs <Tabs
screenOptions={{ screenOptions={{

View File

@@ -7,7 +7,7 @@ import { Text } from "@/components/ui/text";
import { VStack } from "@/components/ui/vstack"; import { VStack } from "@/components/ui/vstack";
import { ActivityIndicator, FlatList } from "react-native"; import { ActivityIndicator, FlatList } from "react-native";
import { useEffect, useState, useRef } from "react"; import { useEffect, useState, useRef } from "react";
import { createOrder, createPayment } from "@/api/order"; import { createOrder, createPayment, getOrder } from "@/api/order";
import { Linking } from "react-native"; import { Linking } from "react-native";
import { Ionicons } from "@expo/vector-icons"; import { Ionicons } from "@expo/vector-icons";
import { useToast, Toast, ToastTitle } from "@/components/ui/toast"; import { useToast, Toast, ToastTitle } from "@/components/ui/toast";
@@ -23,13 +23,20 @@ export default function UserNotices() {
const [toastId, setToastId] = useState(0); const [toastId, setToastId] = useState(0);
const { user_id } = useAuthStore.getState(); const { user_id } = useAuthStore.getState();
const currentUserId = user_id; const currentUserId = user_id;
const [orderId, setOrderId] = useState(null);
useEffect(() => { useEffect(() => {
if (!isRedirecting) return; if (!isRedirecting) return;
const subscription = AppState.addEventListener("change", (state) => { const subscription = AppState.addEventListener("change", (state) => {
if (state === "active") { if (state === "active") {
(async () => {
const lastOrder = await getOrder(orderId);
const lastPayments = lastOrder.payments;
const paymentStatus =
lastPayments.length > 0
? lastPayments[lastPayments.length - 1].status
: null;
setIsRedirecting(false); setIsRedirecting(false);
const paymentStatus = "CORRECT";
if (paymentStatus === "INCORRECT") { if (paymentStatus === "INCORRECT") {
showNewToast("Płatność została anulowana."); showNewToast("Płatność została anulowana.");
} else if (paymentStatus === "CORRECT") { } else if (paymentStatus === "CORRECT") {
@@ -37,12 +44,12 @@ export default function UserNotices() {
} else { } else {
showNewToast("Płatność jeszcze nie wpłynęła."); showNewToast("Płatność jeszcze nie wpłynęła.");
} }
})();
} }
appState.current = state; appState.current = state;
}); });
return () => subscription.remove(); return () => subscription.remove();
}, [isRedirecting, toast]); }, [isRedirecting, toast, orderId]);
useEffect(() => { useEffect(() => {
const loadNotices = async () => { const loadNotices = async () => {
@@ -56,7 +63,7 @@ export default function UserNotices() {
} }
}; };
loadNotices(); loadNotices();
}, []); }, [fetchNotices]);
const showNewToast = (title) => { const showNewToast = (title) => {
const newId = Math.random(); const newId = Math.random();
@@ -81,23 +88,23 @@ export default function UserNotices() {
try { try {
const result = await createOrder(noticeId, type); const result = await createOrder(noticeId, type);
if (result) { if (result) {
setOrderId(result);
try { try {
const paymentResult = await createPayment(); //trzeba dodać orderId const paymentResult = await createPayment(result);
if (paymentResult) { if (paymentResult) {
setIsRedirecting(true); setIsRedirecting(true);
await Linking.openURL(paymentResult); await Linking.openURL(paymentResult);
setWaitingForPayment(true);
} else { } else {
console.log(`Nie udało się aktywować ogłoszenia ${noticeId}.`); console.log(`Nie udało się aktywować ogłoszenia 4 ${noticeId}.`);
} }
} catch (err) { } catch (err) {
console.log("Błąd podczas aktywacji ogłoszenia:", err); // console.log("Błąd podczas aktywacji ogłoszenia 3:", err);
} }
} else { } else {
console.log(`Nie udało się aktywować ogłoszenia ${noticeId}.`); // console.log(`Nie udało się aktywować ogłoszenia 2 ${noticeId}.`);
} }
} catch (err) { } catch (err) {
console.log("Błąd podczas aktywacji ogłoszenia:", err); console.log("Błąd podczas aktywacji ogłoszenia 1:", err);
} }
} }
}; };
@@ -168,10 +175,14 @@ export default function UserNotices() {
size="md" size="md"
variant="solid" variant="solid"
action="primary" action="primary"
onPress={() => handleOrder(item.noticeId, "ACTIVATE")} onPress={() => handleOrder(item.noticeId, "ACTIVATION")}
> >
<ButtonText>Aktywuj</ButtonText> <ButtonText>Aktywuj</ButtonText>
<Ionicons name="arrow-redo-outline" size={14} color="#fff" /> <Ionicons
name="arrow-redo-outline"
size={14}
color="#fff"
/>
</Button> </Button>
)} )}
</Box> </Box>

View File

@@ -15,15 +15,15 @@ export default function Home() {
const [isReady, setIsReady] = useState(false); const [isReady, setIsReady] = useState(false);
const fetchNotices = useNoticesStore((state) => state.fetchNotices); const fetchNotices = useNoticesStore((state) => state.fetchNotices);
useEffect(() => { // useEffect(() => {
setIsReady(true); // setIsReady(true);
}, []); // }, []);
useEffect(() => { // useEffect(() => {
if (isReady && !token) { // if (isReady && !token) {
router.replace("/login"); // router.replace("/login");
} // }
}, [isReady, token, router]); // }, [isReady, token, router]);
useEffect(() => { useEffect(() => {
if (token) { if (token) {
@@ -32,11 +32,8 @@ export default function Home() {
}, [token, fetchNotices]); }, [token, fetchNotices]);
const notices = useNoticesStore((state) => state.notices); const notices = useNoticesStore((state) => state.notices);
// console.log("Notices:", notices);
// console.log("Notices length:", notices.length);
const activeNotices = notices.filter((notice) => notice.status === "ACTIVE"); const activeNotices = notices.filter((notice) => notice.status === "ACTIVE");
// console.log("Activer Notices:", activeNotices.length);
const latestNotices = [...activeNotices] const latestNotices = [...activeNotices]
.sort((a, b) => new Date(b.publishDate) - new Date(a.publishDate)) .sort((a, b) => new Date(b.publishDate) - new Date(a.publishDate))
.slice(0, 6); .slice(0, 6);

View File

@@ -7,7 +7,6 @@ import { Text } from "@/components/ui/text";
import { useCallback } from "react"; import { useCallback } from "react";
import { useFocusEffect } from "@react-navigation/native"; import { useFocusEffect } from "@react-navigation/native";
export default function Wishlist() { export default function Wishlist() {
const wishlistNotices = useWishlist((state) => state.wishlistNotices); const wishlistNotices = useWishlist((state) => state.wishlistNotices);
const fetchWishlist = useWishlist((state) => state.fetchWishlist); const fetchWishlist = useWishlist((state) => state.fetchWishlist);
@@ -21,10 +20,9 @@ export default function Wishlist() {
const styles = { const styles = {
container: { container: {
margin: 10, margin: 10,
} },
} };
// console.log("Wishlist notices:", wishlistNotices);
if (wishlistNotices.length === 0) { if (wishlistNotices.length === 0) {
return ( return (
<Box style={styles.container} className="flex-row flex-1 justify-center"> <Box style={styles.container} className="flex-row flex-1 justify-center">

View File

@@ -17,6 +17,7 @@ return (
}} }}
> >
<Stack.Screen name="(tabs)" options={{ headerShown: false }} /> <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
<Stack.Screen name="user" options={{ headerShown: false }} />
<Stack.Screen <Stack.Screen
name="(auth)/login" name="(auth)/login"
options={{ headerShown: false }}/> options={{ headerShown: false }}/>

View File

@@ -0,0 +1,11 @@
import { Stack } from 'expo-router';
export default function UserLayout() {
return (
<Stack
screenOptions={{
headerTitle: 'Ogłoszenia użytkownika',
}}
/>
);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

View File

@@ -1,6 +1,5 @@
import { View, FlatList } from "react-native"; import { View, FlatList } from "react-native";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { useAuthStore } from "@/store/authStore";
import { Heading } from "@/components/ui/heading"; import { Heading } from "@/components/ui/heading";
import { Text } from "@/components/ui/text"; import { Text } from "@/components/ui/text";
import { Link } from "expo-router"; import { Link } from "expo-router";
@@ -17,9 +16,8 @@ export function CategorySection({ notices, title }) {
setCategoryMap(data); setCategoryMap(data);
} }
}; };
fetchCategories(); fetchCategories();
}); }, []);
const categories = Array.from( const categories = Array.from(
new Set(notices.map((notice) => notice.category)) new Set(notices.map((notice) => notice.category))

View File

@@ -43,6 +43,7 @@
"expo-image-picker": "~16.1.4", "expo-image-picker": "~16.1.4",
"expo-linking": "~7.1.4", "expo-linking": "~7.1.4",
"expo-router": "~5.0.5", "expo-router": "~5.0.5",
"expo-screen-orientation": "~8.1.7",
"expo-status-bar": "~2.2.3", "expo-status-bar": "~2.2.3",
"expo-web-browser": "~14.1.6", "expo-web-browser": "~14.1.6",
"form-data": "^4.0.2", "form-data": "^4.0.2",
@@ -7012,6 +7013,16 @@
"node": ">=10" "node": ">=10"
} }
}, },
"node_modules/expo-screen-orientation": {
"version": "8.1.7",
"resolved": "https://registry.npmjs.org/expo-screen-orientation/-/expo-screen-orientation-8.1.7.tgz",
"integrity": "sha512-nYwadYtdU6mMDk0MCHMPPPQtBoeFYJ2FspLRW+J35CMLqzE4nbpwGeiImfXzkvD94fpOCfI4KgLj5vGauC3pfA==",
"license": "MIT",
"peerDependencies": {
"expo": "*",
"react-native": "*"
}
},
"node_modules/expo-status-bar": { "node_modules/expo-status-bar": {
"version": "2.2.3", "version": "2.2.3",
"license": "MIT", "license": "MIT",

View File

@@ -62,7 +62,8 @@
"react-native-svg": "15.11.2", "react-native-svg": "15.11.2",
"react-native-web": "~0.20.0", "react-native-web": "~0.20.0",
"tailwindcss": "^3.4.17", "tailwindcss": "^3.4.17",
"zustand": "^5.0.3" "zustand": "^5.0.3",
"expo-screen-orientation": "~8.1.7"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.20.0", "@babel/core": "^7.20.0",

View File

@@ -2,6 +2,7 @@ import {create} from "zustand";
import { createJSONStorage, persist } from "zustand/middleware"; import { createJSONStorage, persist } from "zustand/middleware";
import AsyncStorage from "@react-native-async-storage/async-storage"; import AsyncStorage from "@react-native-async-storage/async-storage";
import axios from "axios"; import axios from "axios";
import { router } from "expo-router";
const API_URL = "https://hopp.zikor.pl/api/v1"; const API_URL = "https://hopp.zikor.pl/api/v1";
@@ -20,6 +21,7 @@ export const useAuthStore = create(
) { ) {
set({ user_id: null, token: null, isLoading: false }); set({ user_id: null, token: null, isLoading: false });
delete axios.defaults.headers.common["Authorization"]; delete axios.defaults.headers.common["Authorization"];
router.replace("/login");
} }
return Promise.reject(error); return Promise.reject(error);
} }
@@ -104,34 +106,24 @@ export const useAuthStore = create(
}, },
signOut: async () => { signOut: async () => {
const { token } = get();
const headers = token ? { Authorization: `Bearer ${token}` } : {};
try { try {
await axios.post(`${API_URL}/auth/logout`); await axios.post(
`${API_URL}/auth/logout`,
{},
{
headers: headers,
}
);
} catch (error) { } catch (error) {
console.error("Logout error:", error); console.error("Logout error:", error);
} finally { } finally {
delete axios.defaults.headers.common["Authorization"]; delete axios.defaults.headers.common["Authorization"];
set({ user_id: null, token: null }); set({ user_id: null, token: null });
router.replace("/login");
} }
}, },
// checkAuth: async () => {
// const { token } = useAuthStore.getState();
// if (!token) return null;
// set({ isLoading: true });
// try {
// axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
// const response = await axios.get(`${API_URL}/auth/me`);
// set({ user_id: response.data, isLoading: false });
// return response.data;
// } catch (error) {
// delete axios.defaults.headers.common["Authorization"];
// set({ user_id: null, token: null, isLoading: false });
// return null;
// }
// },
}; };
}, },
{ {