🧑🏻‍🏫💦 ↝ [SGV2-20 SGV2-7]: Can now create your first rover, and update your mission list automatically

Author: Gizmotronn

components/Gameplay/Automatons/BuildRover.tsx

@@ -0,0 +1,89 @@
+import { useSession, useSupabaseClient } from "@supabase/auth-helpers-react";
+import { useEffect, useState } from "react";
+
+export default function BuildFirstRover() {
+    const supabase = useSupabaseClient();
+    const session = useSession();
+    const [roverCreated, setRoverCreated] = useState(false);
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        async function checkRoverStatus() {
+            try {
+                if (!session?.user?.id) return;
+
+                const { data: userItems, error: userItemsError } = await supabase
+                    .from("inventoryUSERS")
+                    .select("*")
+                    .eq("owner", session.user.id)
+                    .eq("notes", "first rover created by user");
+
+                if (userItemsError) {
+                    throw userItemsError;
+                }
+
+                if (userItems && userItems.length > 0) {
+                    setRoverCreated(true);
+                }
+
+                // if (userItems && userItems.length > 0) {
+                //     const roverItem = userItems.find(item => item.itemCategory === "Automaton");
+                //     if (roverItem) {
+                //         setRoverCreated(true);
+                //     }
+                // }
+            } catch (error) {
+                console.error("Error checking rover status:", error.message);
+            } finally {
+                setLoading(false);
+            }
+        }
+
+        checkRoverStatus();
+    }, [supabase, session]);
+
+    async function addRoverToSupa() {
+        try {
+            if (roverCreated) {
+                console.log("You've already created your first rover");
+                return;
+            }
+
+            const { data, error } = await supabase
+                .from("inventoryUSERS")
+                .insert([
+                    {
+                        item: 23, // Assuming 23 is the ID of the rover item in inventoryITEMS table
+                        owner: session?.user?.id,
+                        sector: "18",
+                        planetSector: "18",
+                        notes: "first rover created by user"
+                    }
+                ]);
+
+            if (error) {
+                throw error;
+            }
+
+            console.log("Rover added successfully:", data);
+            setRoverCreated(true);
+        } catch (error) {
+            console.error("Error adding rover:", error.message);
+        }
+    }
+
+    if (loading) {
+        return <p>Loading...</p>;
+    }
+
+    return (
+        <div>
+            {!roverCreated && (
+                <button onClick={addRoverToSupa}>Add Rover</button>
+            )}
+            {roverCreated && (
+                <p>You've already created your first rover</p>
+            )}
+        </div>
+    );
+}

components/Gameplay/mission-list.tsx

@@ -7,7 +7,7 @@ import { useEffect, useState } from "react";
 export function MissionList() {
   const supabase = useSupabaseClient();
   const session = useSession();
-  const [profileData, setProfileData] = useState<{ location: any } | null>(null); // Set initial state with the correct type
+  const [profileData, setProfileData] = useState<{ location: any } | null>(null);
   const [missions, setMissions] = useState([
     { name: "Pick your home planet", completed: false },
     { name: "Build your first rover", completed: false },
@@ -43,12 +43,15 @@ export function MissionList() {
   }, [supabase, session]);
 
   useEffect(() => {
-    // Update the first mission's completion status based on profile location
+    // Update missions based on profile location and rover creation
     if (profileData) {
       const { location } = profileData;
       setMissions((prevMissions) => {
         const updatedMissions = [...prevMissions];
+        // Update mission 1 based on location
         updatedMissions[0].completed = [1, 2, 3, 4, 5, 6].includes(location);
+        // Update mission 2 based on rover creation
+        updatedMissions[1].completed = prevMissions[1].completed || (location && location !== 0); // Assuming location 0 indicates no rover created
         return updatedMissions;
       });
     };

pages/tests/onboarding.tsx

@@ -1,3 +1,4 @@
+import BuildFirstRover from "../../components/Gameplay/Automatons/BuildRover";
 import { PickYourPlanet } from "../../components/Gameplay/Chapter 1/onboarding";
 import { MissionList } from "../../components/Gameplay/mission-list";
 import Layout from "../../components/_Core/Section/Layout";
@@ -24,6 +25,7 @@ export default function OnboardingTest() {
           `}
         </style>
             <PickYourPlanet />
+            <BuildFirstRover />
             <MissionList />
         </>
     );