backend/src/security_headers.rs

@@ -23,7 +23,7 @@ impl Fairing for SecurityHeaders {
         ));
         response.set_header(Header::new(
             "Content-Security-Policy",
-            "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; connect-src 'self'; frame-ancestors 'none';",
+            "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self'; font-src 'self' data:; connect-src 'self'; frame-ancestors 'none';",
         ));
         response.set_header(Header::new(
             "Permissions-Policy",

frontend/src/components/FilteredGamesList.tsx

@@ -35,11 +35,7 @@ export function FilteredGamesList({
             const positiveCount = gameToPositive.get(game)?.size || 0;
             const neutralCount = selectedPeopleCount - positiveCount;
             const gameData = games.get(game);
-            if (!gameData) {
+            const price = gameData?.price || 0;
-              console.error("no data", game);
-              return null;
-            }
-            const price = gameData.price;
 
             return (
               <Link
@@ -85,10 +81,7 @@ export function FilteredGamesList({
                       padding: "0.2rem 0.6rem",
                       borderRadius: "4px",
                       display: "inline-block",
-                      backgroundColor:
+                      backgroundColor: price === 0 ? "rgba(76, 175, 80, 0.2)" : "rgba(255, 152, 0, 0.2)",
-                        price === 0
-                          ? "rgba(76, 175, 80, 0.2)"
-                          : "rgba(255, 152, 0, 0.2)",
                       color: price === 0 ? "#4caf50" : "#ff9800",
                       fontWeight: 600,
                     }}

frontend/src/hooks/useGameFilter.ts

@@ -112,7 +112,9 @@ export function useGameFilter(
     selectedPeople,
   ]);
 
-  const gamesMap = new Map(Object.entries(metaDataRef.current));
+  const gamesMap = useMemo(() => {
+    return new Map(Object.entries(metaDataRef.current));
+  }, []);
 
   return { filteredGames, gameToPositive: gameToPositiveOpinion, games: gamesMap };
 }