demo video

Author: BeckettFrey

client/README.md

@@ -27,6 +27,11 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
 
   useEffect(() => {
     loadStoredUser();
+    // inject logout into ApiService when provider mounts
+    ApiService.setUnauthorizedHandler(async () => {
+      await logout();
+      console.log('AuthContext (onUnauthorized): User logged out due to unauthorized access');
+    });
   }, []);
 
   const loadStoredUser = async () => {
@@ -168,3 +173,4 @@ export const useAuth = (): AuthContextType => {
   }
   return context;
 };
+

client/debug_catch_creation.py

@@ -9,19 +9,14 @@ import {
 import LoadingSpinner from '../components/LoadingSpinner';
 import * as Location from 'expo-location';
 import { useAuth } from '../contexts/AuthContext';
-import { useFocusEffect, useNavigation } from '@react-navigation/native';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
-import { RootStackParamList } from '../navigation/AppNavigator';
+import { useFocusEffect } from '@react-navigation/native';
 import ApiService from '../services/api';
 import { Pin } from '../types/api';
 import MapComponent from '../components/MapComponent';
 
-type MapScreenNavigationProp = NativeStackNavigationProp<RootStackParamList, 'Map'>;
-
 interface MapScreenProps {}
 
 const MapScreen: React.FC<MapScreenProps> = () => {
-  const navigation = useNavigation<MapScreenNavigationProp>();
   const [pins, setPins] = useState<Pin[]>([]);
   const [loading, setLoading] = useState(true);
   const [currentLocation, setCurrentLocation] = useState({
@@ -98,11 +93,6 @@ const MapScreen: React.FC<MapScreenProps> = () => {
           return false;
         }
 
-        if (!pin.location) {
-          console.warn(`🗺️ [MAP] Pin ${index} missing location:`, pin);
-          return false;
-        }
-        
         if (typeof pin.location.lat !== 'number' || isNaN(pin.location.lat)) {
           console.warn(`🗺️ [MAP] Pin ${index} invalid latitude:`, pin.location.lat);
           return false;

client/src/components/BackgroundWrapper.tsx

@@ -28,6 +28,7 @@ interface AuthResponse {
 
 class ApiService {
   private baseURL: string;
+  private onUnauthorized?: () => Promise<void>;
 
   constructor() {
     this.baseURL = Config.API_BASE_URL;
@@ -37,6 +38,10 @@ class ApiService {
     this.setupDefaultTimeout();
   }
 
+  setUnauthorizedHandler(handler: () => Promise<void>) {
+    this.onUnauthorized = handler;
+  }
+
   // Setup default timeout for all requests
   private setupDefaultTimeout() {
     axios.defaults.timeout = 15000; // 15 second timeout
@@ -68,10 +73,10 @@ class ApiService {
         if (token && isApiRequest) {
           config.headers.Authorization = `Bearer ${token}`;
           console.log(`✅ Adding auth token to request: ${config.url}`);
-          console.log(`🔑 Token preview: ${token.substring(0, 20)}...`);
         } else if (isApiRequest) {
           console.log(`❌ No token found for API request: ${config.url}`);
         }
+
         return config;
       },
       (error) => {
@@ -83,10 +88,12 @@ class ApiService {
     axios.interceptors.response.use(
       (response) => response,
       async (error) => {
-        if (error.response?.status === 401) {
+        if (error.response?.status === 401 || error.response?.status === 500 || error.response?.status === 403) {
           // Token expired or invalid
           await this.clearToken();
-          // Could trigger logout here if needed
+          if (this.onUnauthorized) {
+            await this.onUnauthorized(); 
+          }
         }
         return Promise.reject(error);
       }
@@ -139,10 +146,6 @@ class ApiService {
   async register(userData: RegisterRequest): Promise<AuthResponse> {
     const response = await axios.post(`${this.baseURL}/auth/register`, userData);
     const authData = response.data;
-    console.log('Register response:', { 
-      token_preview: authData.token?.access_token?.substring(0, 20) + '...', 
-      user: authData.user 
-    });
     await this.setToken(authData.token.access_token);
     console.log('Token stored successfully');
     return authData;