Redeem merch

navigation/EventDaysNavigator.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useRef, useCallback } from "react";
 import { createMaterialTopTabNavigator } from "@react-navigation/material-top-tabs";
 import DayEvent from "./DayEvent";
 import Colors from "../constants/Colors";
@@ -16,23 +16,31 @@ const WeekTab = createMaterialTopTabNavigator();
 
 const EventDaysNavigator = () => {
   const [eventsData, setEventsData] = useState([]);
+  const loaded = useRef(false)
 
-  useFocusEffect(() => {
-    const fetchEvents = async () => {
-      try {
-        const response = await fetch(eventsURL);
-        if (!response.ok) {
-          throw new Error("Network response was not ok");
-        }
-        const data = await response.json();
-        setEventsData(data); // Update eventsData state with fetched data
-      } catch (error) {
-        console.error("Error fetching events:", error);
+  useFocusEffect(
+    useCallback(() => {
+      if (!loaded.current) {
+        const fetchEvents = async () => {
+          try {
+            const response = await fetch(eventsURL);
+            if (!response.ok) {
+              throw new Error("Network response was not ok");
+            }
+            const data = await response.json();
+            setEventsData(data); // Update eventsData state with fetched data
+          } catch (error) {
+            console.error("Error fetching events:", error);
+          }
+        };
+        fetchEvents();
+        loaded.current = true;
       }
-    };
-
-    fetchEvents();
-  }); // Empty dependency array ensures useEffect runs only once
+      return () => {
+        loaded.current = false;
+      }
+    }, [])
+  ); // Empty dependency array ensures useEffect runs only once
 
   const filterEventsByDay = (day) => {
     return eventsData.filter((event) => {

screens/Home.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useCallback, useRef } from "react";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Dimensions, View, StyleSheet, ActivityIndicator } from "react-native";
 import { useFonts, PressStart2P_400Regular } from "@expo-google-fonts/press-start-2p";
@@ -21,20 +21,29 @@ const Home: React.FC = () => {
   const [currNextEvent, setCurrNextEvent] = useState(null);
   const [loading, setLoading] = useState(true); // To track loading state
 
-  useFocusEffect(() => {
-    const fetchCurrNext = async () => {
-      try {
-        const event = await getCurrentOrNext(token);
-        setCurrNextEvent(event);
-      } catch (error) {
-        console.error("error fetching current/next event:", error);
-      } finally {
-        setLoading(false); // Stop loading once the fetch is complete
-      }
-    };
+  const loaded = useRef(false)
 
-    fetchCurrNext();
-  });
+  useFocusEffect(
+    useCallback(() => {
+      if (!loaded.current) {
+        const fetchEvents = async () => {
+          try {
+            const event = await getCurrentOrNext(token);
+            setCurrNextEvent(event); // Update eventsData state with fetched data
+          } catch (error) {
+            console.error("Error fetching events:", error);
+          } finally {
+            setLoading(false)
+          }
+        };
+        fetchEvents();
+        loaded.current = true;
+      }
+      return () => {
+        loaded.current = false;
+      }
+    }, [])
+  ); // Empty dependency array ensures useEffect runs only once
 
   if (loading) {
     return (

screens/Profile.tsx

@@ -48,6 +48,9 @@ const Profile: React.FC = () => {
     if (token && !attendee) {
       dispatch(getAttendee(token));
     }
+    if (token && !qrcode) {
+      getQRCode(token, setQRCode);
+    }
   }, [token, attendee, dispatch]);
 
   useFocusEffect(() => {
@@ -59,9 +62,9 @@ const Profile: React.FC = () => {
   })
 
   useEffect(() => {
-    const interval = setInterval(async () => {await getQRCode(token, setQRCode)}, 20000);
+    const interval = setInterval(async () => {await getQRCode(token, setQRCode)}, 18000 + (Math.random() * 5000));
     //return () => clearInterval(interval);
-  }, [token]);
+  });
 
   const handleLogOut = () => {
     console.log("logging out")