Updated to use localStorage

frontend/src/components/listing/FeaturedListings.tsx

@@ -3,9 +3,9 @@ import React, { createContext, useContext, useEffect, useState } from "react";
 import { useAuthentication } from "@/hooks/useAuth";
 import {
   FeaturedListing,
-  getFeaturedListingsFromCookie,
-  setFeaturedListingsCookie,
-} from "@/lib/utils/FeaturedListingsCookies";
+  getFeaturedListingsFromStorage,
+  setFeaturedListingsStorage,
+} from "@/lib/utils/featuredListingsStorage";
 
 type FeaturedListingsContextType = {
   featuredListings: FeaturedListing[];
@@ -21,7 +21,7 @@ export const FeaturedListingsProvider = ({
   children: React.ReactNode;
 }) => {
   const [featuredListings, setFeaturedListings] = useState<FeaturedListing[]>(
-    getFeaturedListingsFromCookie(),
+    getFeaturedListingsFromStorage(),
   );
   const auth = useAuthentication();
 
@@ -32,7 +32,7 @@ export const FeaturedListingsProvider = ({
 
       if (!featuredData?.listing_ids?.length) {
         setFeaturedListings([]);
-        setFeaturedListingsCookie([]);
+        setFeaturedListingsStorage([]);
         return;
       }
 
@@ -57,23 +57,19 @@ export const FeaturedListingsProvider = ({
           }));
 
         setFeaturedListings(orderedListings);
-        setFeaturedListingsCookie(orderedListings);
+        setFeaturedListingsStorage(orderedListings);
       }
     } catch (error) {
       console.error("Error refreshing featured listings:", error);
     }
   };
 
   useEffect(() => {
-    if (featuredListings.length === 0) {
-      refreshFeaturedListings();
-    } else {
-      Promise.resolve()
-        .then(refreshFeaturedListings)
-        .catch((error) => {
-          console.error("Background refresh failed:", error);
-        });
-    }
+    Promise.resolve()
+      .then(refreshFeaturedListings)
+      .catch((error) => {
+        console.error("Background refresh failed:", error);
+      });
   }, []);
 
   return (

frontend/src/lib/utils/featuredListingsStorage.ts

@@ -0,0 +1,26 @@
+export interface FeaturedListing {
+  id: string;
+  username: string;
+  slug: string | null;
+  name: string;
+}
+
+export const FEATURED_LISTINGS_KEY = "featured_listings";
+
+export const getFeaturedListingsFromStorage = (): FeaturedListing[] => {
+  try {
+    const stored = localStorage.getItem(FEATURED_LISTINGS_KEY);
+    return stored ? JSON.parse(stored) : [];
+  } catch (error) {
+    console.error("Error parsing featured listings from storage:", error);
+    return [];
+  }
+};
+
+export const setFeaturedListingsStorage = (listings: FeaturedListing[]) => {
+  try {
+    localStorage.setItem(FEATURED_LISTINGS_KEY, JSON.stringify(listings));
+  } catch (error) {
+    console.error("Error storing featured listings:", error);
+  }
+};