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";
@@ -22,14 +22,21 @@ export default function UserNotices() {
const appState = useRef(AppState.currentState); const appState = useRef(AppState.currentState);
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);
} }
} }
}; };
@@ -117,7 +124,7 @@ export default function UserNotices() {
if (isLoading) { if (isLoading) {
return ( return (
<Box className="items-center justify-center flex-1"> <Box className="items-center justify-center flex-1">
<ActivityIndicator size="large" color="#787878"/> <ActivityIndicator size="large" color="#787878" />
</Box> </Box>
); );
} }
@@ -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

@@ -4,10 +4,9 @@ import { NoticeCard } from "@/components/NoticeCard";
import { Ionicons } from "@expo/vector-icons"; import { Ionicons } from "@expo/vector-icons";
import { Box } from "@/components/ui/box"; import { Box } from "@/components/ui/box";
import { Text } from "@/components/ui/text"; 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

@@ -1,11 +1,11 @@
import {Link, Stack, useLocalSearchParams} from "expo-router"; import { Link, Stack, useLocalSearchParams } from "expo-router";
import {Box} from "@/components/ui/box"; import { Box } from "@/components/ui/box";
import {Card} from "@/components/ui/card"; import { Card } from "@/components/ui/card";
import {Heading} from "@/components/ui/heading"; import { Heading } from "@/components/ui/heading";
import {Image} from "@/components/ui/image"; import { Image } from "@/components/ui/image";
import {Text} from "@/components/ui/text"; import { Text } from "@/components/ui/text";
import {VStack} from "@/components/ui/vstack"; import { VStack } from "@/components/ui/vstack";
import {Ionicons} from "@expo/vector-icons"; import { Ionicons } from "@expo/vector-icons";
import { import {
ActivityIndicator, ActivityIndicator,
Dimensions, Dimensions,
@@ -13,16 +13,16 @@ import {
View, View,
TextInput, TextInput,
} from "react-native"; } from "react-native";
import {useEffect, useState, useRef} from "react"; import { useEffect, useState, useRef } from "react";
import {useNoticesStore} from "@/store/noticesStore"; import { useNoticesStore } from "@/store/noticesStore";
import {useWishlist} from "@/store/wishlistStore"; import { useWishlist } from "@/store/wishlistStore";
import {Pressable, ScrollView} from "react-native"; import { Pressable, ScrollView } from "react-native";
import {getUserById} from "@/api/client"; import { getUserById } from "@/api/client";
const {width} = Dimensions.get("window"); const { width } = Dimensions.get("window");
export default function NoticeDetails() { export default function NoticeDetails() {
const {id} = useLocalSearchParams(); const { id } = useLocalSearchParams();
const [images, setImages] = useState([]); const [images, setImages] = useState([]);
const [isImageLoading, setIsImageLoading] = useState(true); const [isImageLoading, setIsImageLoading] = useState(true);
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
@@ -55,7 +55,7 @@ export default function NoticeDetails() {
}); });
}; };
const {getNoticeById, getAllImagesByNoticeId} = useNoticesStore(); const { getNoticeById, getAllImagesByNoticeId } = useNoticesStore();
const toggleNoticeInWishlist = useWishlist( const toggleNoticeInWishlist = useWishlist(
(state) => state.toggleNoticeInWishlist (state) => state.toggleNoticeInWishlist
); );
@@ -63,7 +63,7 @@ export default function NoticeDetails() {
const isInWishlist = useWishlist((state) => const isInWishlist = useWishlist((state) =>
id ? state.wishlistNotices.some((item) => item.noticeId === id) : false id ? state.wishlistNotices.some((item) => item.noticeId === id) : false
); );
const onViewableItemsChanged = useRef(({viewableItems}) => { const onViewableItemsChanged = useRef(({ viewableItems }) => {
if (viewableItems.length > 0) { if (viewableItems.length > 0) {
setCurrentIndex(viewableItems[0].index); setCurrentIndex(viewableItems[0].index);
} }
@@ -103,11 +103,11 @@ export default function NoticeDetails() {
setImages( setImages(
fetchedImages && fetchedImages.length > 0 fetchedImages && fetchedImages.length > 0
? fetchedImages ? fetchedImages
: {uri: "https://http.cat/404.jpg"} : { uri: "https://http.cat/404.jpg" }
); );
} catch (err) { } catch (err) {
console.error("Error while loading images:", err); console.error("Error while loading images:", err);
setImage({uri: "https://http.cat/404.jpg"}); setImage({ uri: "https://http.cat/404.jpg" });
} finally { } finally {
setIsImageLoading(false); setIsImageLoading(false);
} }
@@ -138,7 +138,7 @@ export default function NoticeDetails() {
}, [notice]); }, [notice]);
if (isLoading) { if (isLoading) {
return <ActivityIndicator/>; return <ActivityIndicator />;
} }
if (error) { if (error) {
@@ -158,7 +158,7 @@ export default function NoticeDetails() {
/> />
{isImageLoading ? ( {isImageLoading ? (
<Box className="h-auto w-full rounded-md aspect-[1/1] bg-gray-100 items-center justify-center"> <Box className="h-auto w-full rounded-md aspect-[1/1] bg-gray-100 items-center justify-center">
<ActivityIndicator size="large" color="#3b82f6"/> <ActivityIndicator size="large" color="#3b82f6" />
</Box> </Box>
) : ( ) : (
<Box className="sticky top-0 z-10 bg-white"> <Box className="sticky top-0 z-10 bg-white">
@@ -173,8 +173,8 @@ export default function NoticeDetails() {
pagingEnabled pagingEnabled
onViewableItemsChanged={onViewableItemsChanged} onViewableItemsChanged={onViewableItemsChanged}
viewabilityConfig={viewabilityConfig} viewabilityConfig={viewabilityConfig}
renderItem={({item, index}) => ( renderItem={({ item, index }) => (
<View style={{width: width}} className="p-1"> <View style={{ width: width }} className="p-1">
<Image <Image
source={item} source={item}
className="h-auto w-auto rounded-md aspect-[1/1]" className="h-auto w-auto rounded-md aspect-[1/1]"
@@ -244,7 +244,7 @@ export default function NoticeDetails() {
<Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm"> <Box className="mt-4 bg-gray-50 p-3 rounded-lg shadow-sm">
<Text className="text-sm text-typography-500">Uzytkownik:</Text> <Text className="text-sm text-typography-500">Uzytkownik:</Text>
{isUserLoading ? ( {isUserLoading ? (
<ActivityIndicator/> <ActivityIndicator />
) : user ? ( ) : user ? (
<> <>
<Box className="mr-4"> <Box className="mr-4">

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

@@ -1,7 +1,8 @@
import {create} from "zustand"; 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";
@@ -18,8 +19,9 @@ export const useAuthStore = create(
(error.response && error.response.status === 401) || (error.response && error.response.status === 401) ||
error.response.status === 403 error.response.status === 403
) { ) {
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);
} }
@@ -33,7 +35,7 @@ export const useAuthStore = create(
error: null, error: null,
signIn: async (email, password) => { signIn: async (email, password) => {
set({isLoading: true, error: null}); set({ isLoading: true, error: null });
try { try {
const response = await axios.post(`${API_URL}/auth/login`, { const response = await axios.post(`${API_URL}/auth/login`, {
email, email,
@@ -42,7 +44,7 @@ export const useAuthStore = create(
const user_id = response.data.user_id; const user_id = response.data.user_id;
const token = response.data.token; const token = response.data.token;
set({user_id: user_id, token: token, isLoading: false}); set({ user_id: user_id, token: token, isLoading: false });
axios.defaults.headers.common["Authorization"] = `Bearer ${token}`; axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
} catch (error) { } catch (error) {
@@ -55,19 +57,19 @@ export const useAuthStore = create(
}, },
signUp: async (userData) => { signUp: async (userData) => {
set({isLoading: true, error: null}); set({ isLoading: true, error: null });
try { try {
const response = await axios.post( const response = await axios.post(
`${API_URL}/auth/register`, `${API_URL}/auth/register`,
userData, userData,
{ {
headers: {"Content-Type": "application/json"}, headers: { "Content-Type": "application/json" },
} }
); );
const user_id = response.data.user_id; const user_id = response.data.user_id;
const token = response.data.token; const token = response.data.token;
set({user_id: user_id, token: token, isLoading: false}); set({ user_id: user_id, token: token, isLoading: false });
axios.defaults.headers.common["Authorization"] = `Bearer ${token}`; axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
} catch (error) { } catch (error) {
@@ -80,18 +82,18 @@ export const useAuthStore = create(
}, },
signInWithGoogle: async (googleToken) => { signInWithGoogle: async (googleToken) => {
set({isLoading: true, error: null}); set({ isLoading: true, error: null });
try { try {
const response = await axios.post( const response = await axios.post(
`${API_URL}/auth/google`, `${API_URL}/auth/google`,
{googleToken: googleToken}, { googleToken: googleToken },
{ {
headers: {"Content-Type": "application/json"}, headers: { "Content-Type": "application/json" },
} }
); );
const user_id = response.data.user_id; const user_id = response.data.user_id;
const token = response.data.token; const token = response.data.token;
set({user_id: user_id, token: token, isLoading: false}); set({ user_id: user_id, token: token, isLoading: false });
axios.defaults.headers.common["Authorization"] = `Bearer ${token}`; axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
} catch (error) { } catch (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;
// }
// },
}; };
}, },
{ {