fix issue with no maps showing when logged out and local storage filt…

…er set

app/play/page.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import {
   Authenticated,
   Unauthenticated,
+  useConvexAuth,
   useMutation,
   useQuery,
 } from "convex/react";
@@ -29,6 +30,7 @@ export default function PlayPage() {
   const userMapResults = useQuery(api.playerresults.getUserMapStatus);
   const mapCountResults = useQuery(api.playerresults.getMapsWins);
   const adminDeleteMapMutation = useMutation(api.maps.deleteMap);
+  const { isAuthenticated } = useConvexAuth();
 
   const [resMap, setResMap] = useState(new Map());
   const [countMap, setCountMap] = useState(new Map());
@@ -68,6 +70,7 @@ export default function PlayPage() {
   }, [userMapResults, mapCountResults]);
 
   const filteredMaps = maps?.filter((map) => {
+    if (!isAuthenticated) return true;
     if (filter === "all") return true;
     if (filter === "beaten") return resMap.get(map._id);
     if (filter === "unbeaten") return !resMap.get(map._id);

convex/maps.ts

@@ -191,7 +191,6 @@ export const seedMaps = internalMutation({
   },
 });
 
-
 export const getUnreviewedMaps = adminQueryBuilder({
   handler: async (ctx) => {
     return await ctx.db
@@ -202,10 +201,9 @@ export const getUnreviewedMaps = adminQueryBuilder({
 });
 
 export const getMaps = query({
-  args: {
-  },
+  args: {},
   handler: async (ctx, args) => {
-        return await ctx.db
+    return await ctx.db
       .query("maps")
       .withIndex("by_isReviewed_level", (q) => q.eq("isReviewed", true))
       .collect();

convex/schema.ts

@@ -16,7 +16,8 @@ export default defineSchema({
     grid: v.array(v.array(v.string())),
     submittedBy: v.optional(v.id("users")),
     isReviewed: v.boolean(),
-  }).index("by_level", ["level"])
+  })
+    .index("by_level", ["level"])
     .index("by_isReviewed_level", ["isReviewed", "level"]),
   scores: defineTable({
     modelId: v.string(),

package.json

@@ -38,6 +38,7 @@
     "openai": "^4.67.3",
     "react": "^18",
     "react-dom": "^18",
+    "sharp": "^0.33.5",
     "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.23.8"