diff --git a/frontend/src/context/AuthContext.tsx b/frontend/src/context/AuthContext.tsx
index 478cba0..6fb6f63 100644
--- a/frontend/src/context/AuthContext.tsx
+++ b/frontend/src/context/AuthContext.tsx
@@ -3,6 +3,7 @@ import { createContext, useContext, useState, ReactNode } from 'react';
interface AuthContextType {
isLoggedIn: boolean;
isAdmin: boolean;
+ email: string;
login: (email: string, password: string) => Promise
;
logout: () => void;
}
@@ -12,6 +13,7 @@ const AuthContext = createContext(null);
export function AuthProvider({ children }: { children: ReactNode }) {
const [isLoggedIn, setIsLoggedIn] = useState(false);
const [isAdmin, setIsAdmin] = useState(false);
+ const [email, setEmail] = useState('');
const login = async (email: string, password: string) => {
// In a real app, you would validate credentials with an API
@@ -19,16 +21,18 @@ export function AuthProvider({ children }: { children: ReactNode }) {
if (email && password) {
setIsLoggedIn(true);
setIsAdmin(email.endsWith('@github.com'));
+ setEmail(email);
}
};
const logout = () => {
setIsLoggedIn(false);
setIsAdmin(false);
+ setEmail('');
};
return (
-
+
{children}
);
diff --git a/frontend/src/context/WishlistContext.tsx b/frontend/src/context/WishlistContext.tsx
new file mode 100644
index 0000000..4cd9010
--- /dev/null
+++ b/frontend/src/context/WishlistContext.tsx
@@ -0,0 +1,111 @@
+import { createContext, useContext, ReactNode } from 'react';
+import axios from 'axios';
+import { useQuery, useMutation, useQueryClient } from 'react-query';
+import { api } from '../api/config';
+import { useAuth } from './AuthContext';
+
+interface WishlistItem {
+ wishlistItemId: number;
+ email: string;
+ productId: number;
+ addedAt: Date;
+}
+
+interface WishlistContextType {
+ wishlistItems: WishlistItem[];
+ isLoading: boolean;
+ error: unknown;
+ addToWishlist: (productId: number) => Promise;
+ removeFromWishlist: (productId: number) => Promise;
+ isInWishlist: (productId: number) => boolean;
+}
+
+const WishlistContext = createContext(null);
+
+const fetchWishlist = async (email: string): Promise => {
+ if (!email) return [];
+ const { data } = await axios.get(`${api.baseURL}${api.endpoints.wishlist}/${email}`);
+ return data;
+};
+
+export function WishlistProvider({ children }: { children: ReactNode }) {
+ const { isLoggedIn, email } = useAuth();
+ const queryClient = useQueryClient();
+
+ const { data: wishlistItems = [], isLoading, error } = useQuery(
+ ['wishlist', email],
+ () => fetchWishlist(email),
+ {
+ enabled: isLoggedIn && !!email,
+ staleTime: 30000, // 30 seconds
+ }
+ );
+
+ const addMutation = useMutation(
+ async (productId: number) => {
+ const { data } = await axios.post(`${api.baseURL}${api.endpoints.wishlist}`, {
+ email,
+ productId
+ });
+ return data;
+ },
+ {
+ onSuccess: () => {
+ queryClient.invalidateQueries(['wishlist', email]);
+ }
+ }
+ );
+
+ const removeMutation = useMutation(
+ async (productId: number) => {
+ await axios.delete(`${api.baseURL}${api.endpoints.wishlist}/${email}/${productId}`);
+ },
+ {
+ onSuccess: () => {
+ queryClient.invalidateQueries(['wishlist', email]);
+ }
+ }
+ );
+
+ const addToWishlist = async (productId: number) => {
+ if (!isLoggedIn) {
+ throw new Error('Must be logged in to add to wishlist');
+ }
+ await addMutation.mutateAsync(productId);
+ };
+
+ const removeFromWishlist = async (productId: number) => {
+ if (!isLoggedIn) {
+ throw new Error('Must be logged in to remove from wishlist');
+ }
+ await removeMutation.mutateAsync(productId);
+ };
+
+ const isInWishlist = (productId: number): boolean => {
+ return wishlistItems.some(item => item.productId === productId);
+ };
+
+ return (
+
+ {children}
+
+ );
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export function useWishlist() {
+ const context = useContext(WishlistContext);
+ if (!context) {
+ throw new Error('useWishlist must be used within a WishlistProvider');
+ }
+ return context;
+}
From c58eca6815acbaebb12d203f973b0d3bba19c3b2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Feb 2026 04:55:45 +0000
Subject: [PATCH 4/4] fix: Improve wishlist reset test to verify actual reset
behavior
Co-authored-by: thomasiverson <12767513+thomasiverson@users.noreply.github.com>
---
api/src/routes/wishlist.test.ts | 16 +++++++++++++---
1 file changed, 13 insertions(+), 3 deletions(-)
diff --git a/api/src/routes/wishlist.test.ts b/api/src/routes/wishlist.test.ts
index 3cb1cad..abcf4ee 100644
--- a/api/src/routes/wishlist.test.ts
+++ b/api/src/routes/wishlist.test.ts
@@ -86,9 +86,19 @@ describe('Wishlist API', () => {
expect(user2Response.body.every((item: any) => item.email === 'admin@github.com')).toBe(true);
});
- it('should reset wishlist to seed data', () => {
+ it('should reset wishlist to seed data', async () => {
+ // Add a new item
+ await request(app).post('/wishlist').send({
+ email: 'test@example.com',
+ productId: 5
+ });
+
+ // Reset the wishlist
resetWishlist();
- // This is implicitly tested by the beforeEach, but we can verify manually
- expect(true).toBe(true);
+
+ // Verify it was reset to seed data
+ const response = await request(app).get('/wishlist/user@example.com');
+ expect(response.status).toBe(200);
+ expect(response.body.length).toBe(seedWishlistItems.filter(item => item.email === 'user@example.com').length);
});
});