From 1ae8372c2f08fa3e8e296074960af7249e507fc4 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 20:56:32 -0500
Subject: [PATCH 01/13] Updated Google web client id.

---
 GoogleService-Info.plist | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/GoogleService-Info.plist b/GoogleService-Info.plist
index 7fb687e..fce29b4 100644
--- a/GoogleService-Info.plist
+++ b/GoogleService-Info.plist
@@ -25,9 +25,9 @@
 	<key>IS_SIGNIN_ENABLED</key>
 	<true></true>
 	<key>CLIENT_ID</key>
-	<string>906784991953-aoq1tgiac6ge9aqv4kguai26265393h9.apps.googleusercontent.com</string>
+	<string>982053776531-0gqv0n84kjid9vtu00iq9drjvf9dvjhn.apps.googleusercontent.com</string>
 	<key>REVERSED_CLIENT_ID</key>
-	<string>com.googleusercontent.apps.906784991953-aoq1tgiac6ge9aqv4kguai26265393h9</string>
+	<string>com.googleusercontent.apps.982053776531-0gqv0n84kjid9vtu00iq9drjvf9dvjhn</string>
 	<key>GOOGLE_APP_ID</key>
 	<string>1:982053776531:ios:eec4ee1692d95d2ce3b166</string>
 </dict>

From d081f0e99b9042b4f3ae55b25e0d578d16c8d16f Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 20:57:23 -0500
Subject: [PATCH 02/13] Updated header.

---
 app/(tabs)/_layout.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
index 677eb4e..de96b2d 100644
--- a/app/(tabs)/_layout.tsx
+++ b/app/(tabs)/_layout.tsx
@@ -16,26 +16,17 @@ export default function TabLayout() {
     return (
         <Tabs
             screenOptions={{
-                tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
-                // Disable the static render of the header on web
-                // to prevent a hydration error in React Navigation v6.
-                headerShown: useClientOnlyValue(false, true),
+                //tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
+                // Force header to be completely hidden for all tabs
+                headerShown: false,
             }}
         >
             <Tabs.Screen
                 name="index"
                 options={{
                     title: 'Home',
+                    // We'll handle headers manually in each screen component
                     tabBarIcon: ({ color }: { color: string }) => <TabBarIcon name="code" color={color} />,
-                    headerRight: () => (
-                        <Link href="/modal" asChild>
-                            <Pressable>
-                                {({ pressed }) => (
-                                    <FontAwesome name="info-circle" size={25} color={Colors[colorScheme ?? 'light'].text} style={{ marginRight: 15, opacity: pressed ? 0.5 : 1 }} />
-                                )}
-                            </Pressable>
-                        </Link>
-                    ),
                 }}
             />
             <Tabs.Screen

From f6bca1677a9d34271907da845b21b1d99b03cb58 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 20:57:56 -0500
Subject: [PATCH 03/13] Added tabs/pages for cellular, jobs, and settings page.

---
 app/(tabs)/cellular.tsx     |  60 ++--
 app/(tabs)/cellular.tsx.new |   0
 app/(tabs)/index.tsx        | 132 ++++-----
 app/(tabs)/jobs.tsx         | 543 +++++++++++++++++++++---------------
 app/(tabs)/jobs.tsx.new     |   0
 app/(tabs)/settings.tsx     |  16 +-
 app/(tabs)/settings.tsx.new |   0
 7 files changed, 420 insertions(+), 331 deletions(-)
 create mode 100644 app/(tabs)/cellular.tsx.new
 create mode 100644 app/(tabs)/jobs.tsx.new
 create mode 100644 app/(tabs)/settings.tsx.new

diff --git a/app/(tabs)/cellular.tsx b/app/(tabs)/cellular.tsx
index b508140..0043c88 100644
--- a/app/(tabs)/cellular.tsx
+++ b/app/(tabs)/cellular.tsx
@@ -1,35 +1,37 @@
-import { View, Text, StyleSheet } from "react-native";
-import CellularDemo from "@/components/CellularDemo";
+import { View, Text, StyleSheet } from 'react-native';
+import CellularDemo from '@/components/CellularDemo';
+import CustomHeader from '@/components/CustomHeader';
 
 export default function SimplePage() {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.header}>My Header</Text>
-      <Text style={styles.text}>
-        This is some example text to show a plain page component.
-      </Text>
-      <CellularDemo />
-    </View>
-  );
+    return (
+        <View style={{ flex: 1 }}>
+            <CustomHeader title="Cellular" />
+            <View style={styles.container}>
+                <Text style={styles.header}>My Header</Text>
+                <Text style={styles.text}>This is some example text to show a plain page component.</Text>
+                <CellularDemo />
+            </View>
+        </View>
+    );
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 16,
-    backgroundColor: "#121212",
-  },
-  header: {
-    fontSize: 24,
-    fontWeight: "bold",
-    color: "#fff",
-    marginBottom: 20,
-  },
-  text: {
-    fontSize: 16,
-    color: "#ccc",
-    textAlign: "center",
-  },
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 16,
+        backgroundColor: '#121212',
+    },
+    header: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#fff',
+        marginBottom: 20,
+    },
+    text: {
+        fontSize: 16,
+        color: '#ccc',
+        textAlign: 'center',
+    },
 });
diff --git a/app/(tabs)/cellular.tsx.new b/app/(tabs)/cellular.tsx.new
new file mode 100644
index 0000000..e69de29
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index 7e9b748..ffe7219 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -6,6 +6,7 @@ import LogViewer from '@/components/LogViewer';
 import BatteryInfo from '@/components/BatteryInfo';
 import { triggerLocalSampleNotification } from '@/utils/notifications.utils';
 import { usePushNotifications } from '@/hooks/usePushNotifications';
+import CustomHeader from '@/components/CustomHeader';
 
 export default function LocationComponent() {
     const { fcmToken } = usePushNotifications();
@@ -14,77 +15,80 @@ export default function LocationComponent() {
     const textColor = '#ffffff';
 
     return (
-        <ScrollView contentContainerStyle={styles.scrollContent}>
-            <View style={styles.container}>
-                <Image source={require('../../assets/images/icon.png')} style={imgStyles.image} />
+        <View style={{ flex: 1 }}>
+            <CustomHeader title="Home" showModalButton={true} />
+            <ScrollView contentContainerStyle={styles.scrollContent}>
+                <View style={styles.container}>
+                    <Image source={require('../../assets/images/icon.png')} style={imgStyles.image} />
 
-                <LogViewer />
+                    <LogViewer />
 
-                {/* Battery information */}
-                <BatteryInfo />
+                    {/* Battery information */}
+                    <BatteryInfo />
 
-                {/* Location / Map */}
-                {loading ? (
-                    <ActivityIndicator size="large" color="#007AFF" />
-                ) : error ? (
-                    <Text style={[styles.text, { color: textColor }]}>{error}</Text>
-                ) : location && address ? (
-                    <>
-                        <Text style={[styles.text, { color: textColor }]}>
-                            Address: {address.name}, {address.city}, {address.region}, {address.country}
-                        </Text>
-                        <Text style={[styles.text, { color: textColor }]}>
-                            {location.coords.latitude} - {location.coords.longitude}
-                        </Text>
+                    {/* Location / Map */}
+                    {loading ? (
+                        <ActivityIndicator size="large" color="#007AFF" />
+                    ) : error ? (
+                        <Text style={[styles.text, { color: textColor }]}>{error}</Text>
+                    ) : location && address ? (
+                        <>
+                            <Text style={[styles.text, { color: textColor }]}>
+                                Address: {address.name}, {address.city}, {address.region}, {address.country}
+                            </Text>
+                            <Text style={[styles.text, { color: textColor }]}>
+                                {location.coords.latitude} - {location.coords.longitude}
+                            </Text>
 
-                        <View style={styles.mapContainer}>
-                            <MapView
-                                style={styles.map}
-                                region={
-                                    location
-                                        ? {
-                                              latitude: location.coords.latitude,
-                                              longitude: location.coords.longitude,
-                                              latitudeDelta: 0.01,
-                                              longitudeDelta: 0.01,
-                                          }
-                                        : {
-                                              latitude: 37.7749, // Default to San Francisco
-                                              longitude: -122.4194,
-                                              latitudeDelta: 0.05,
-                                              longitudeDelta: 0.05,
-                                          }
-                                }
-                                showsUserLocation={true}
-                                loadingEnabled={true}
-                            >
-                                {location && (
-                                    <Marker
-                                        coordinate={{
-                                            latitude: location.coords.latitude,
-                                            longitude: location.coords.longitude,
-                                        }}
-                                        title="You are here"
-                                    />
-                                )}
-                            </MapView>
-                        </View>
-                    </>
-                ) : (
-                    <Text style={[styles.text, { color: textColor }]}>Waiting for location...</Text>
-                )}
+                            <View style={styles.mapContainer}>
+                                <MapView
+                                    style={styles.map}
+                                    region={
+                                        location
+                                            ? {
+                                                  latitude: location.coords.latitude,
+                                                  longitude: location.coords.longitude,
+                                                  latitudeDelta: 0.01,
+                                                  longitudeDelta: 0.01,
+                                              }
+                                            : {
+                                                  latitude: 37.7749, // Default to San Francisco
+                                                  longitude: -122.4194,
+                                                  latitudeDelta: 0.05,
+                                                  longitudeDelta: 0.05,
+                                              }
+                                    }
+                                    showsUserLocation={true}
+                                    loadingEnabled={true}
+                                >
+                                    {location && (
+                                        <Marker
+                                            coordinate={{
+                                                latitude: location.coords.latitude,
+                                                longitude: location.coords.longitude,
+                                            }}
+                                            title="You are here"
+                                        />
+                                    )}
+                                </MapView>
+                            </View>
+                        </>
+                    ) : (
+                        <Text style={[styles.text, { color: textColor }]}>Waiting for location...</Text>
+                    )}
 
-                <Button title="Get Location" onPress={fetchLocation} />
-                <Button title="Trigger Sample Notification" onPress={triggerLocalSampleNotification} />
+                    <Button title="Get Location" onPress={fetchLocation} />
+                    <Button title="Trigger Sample Notification" onPress={triggerLocalSampleNotification} />
 
-                {/* Link to Login page */}
-                <View style={{ marginTop: 12 }}>
-                    <Link href="/login" asChild>
-                        <Button title="Go to Login" />
-                    </Link>
+                    {/* Link to Login page */}
+                    <View style={{ marginTop: 12 }}>
+                        <Link href="/login" asChild>
+                            <Button title="Go to Login" />
+                        </Link>
+                    </View>
                 </View>
-            </View>
-        </ScrollView>
+            </ScrollView>
+        </View>
     );
 }
 
diff --git a/app/(tabs)/jobs.tsx b/app/(tabs)/jobs.tsx
index 1250953..57a1166 100644
--- a/app/(tabs)/jobs.tsx
+++ b/app/(tabs)/jobs.tsx
@@ -1,237 +1,316 @@
-import React, { useState, useEffect } from "react";
-import {
-  View,
-  Text,
-  TouchableOpacity,
-  StyleSheet,
-  ActivityIndicator,
-  ScrollView,
-  Linking,
-  RefreshControl,
-} from "react-native";
-
-export default function PaginatedPostsCards() {
-  const [posts, setPosts] = useState([]);
-  const [page, setPage] = useState(1);
-  const [pageSize] = useState(10); // Customize page size here
-  const [totalCount, setTotalCount] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [refreshing, setRefreshing] = useState(false); // Add refreshing state
-  const [error, setError] = useState<string | null>(null);
-
-  const totalPages = Math.ceil(totalCount / pageSize);
-
-  const fetchPosts = async () => {
-    try {
-      setLoading(true);
-      setError(null);
-
-      const response = await fetch(
-        `https://new.codebuilder.org/api/reddit/posts?page=${page}&pageSize=${pageSize}`
-      );
-      if (!response.ok) {
-        throw new Error(`Error: ${response.statusText}`);
-      }
-      const data = await response.json();
-
-      setPosts(data.data || []);
-      setTotalCount(data.totalCount || 0);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err.message : "An unknown error occurred"
-      );
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleRefresh = async () => {
-    try {
-      setRefreshing(true);
-      setPage(1); // Reset to the first page when refreshing
-      await fetchPosts();
-    } finally {
-      setRefreshing(false);
-    }
-  };
-
-  useEffect(() => {
-    fetchPosts();
-  }, [page]);
-
-  const handleNextPage = () => {
-    if (page < totalPages) {
-      setPage((prev) => prev + 1);
-    }
-  };
-
-  const handlePrevPage = () => {
-    if (page > 1) {
-      setPage((prev) => prev - 1);
-    }
-  };
-
-  const handleOpenURL = (url: string) => {
-    if (url) {
-      Linking.openURL(url).catch((err) =>
-        console.error("Failed to open URL:", err)
-      );
-    }
-  };
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Reddit Posts (Page {page})</Text>
-
-      {loading && (
-        <ActivityIndicator
-          size="large"
-          color="#fff"
-          style={{ marginVertical: 10 }}
-        />
-      )}
-
-      {error && <Text style={styles.errorText}>Error: {error}</Text>}
-
-      <ScrollView
-        style={styles.scrollContainer}
-        refreshControl={
-          <RefreshControl refreshing={refreshing} onRefresh={handleRefresh} />
+import React, { useState, useEffect } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator, ScrollView, Linking, RefreshControl } from 'react-native';
+import CustomHeader from '@/components/CustomHeader';
+
+// Define types for Job and related data
+interface Company {
+    id: number;
+    name: string;
+}
+
+interface JobTag {
+    id: number;
+    tag: {
+        id: number;
+        name: string;
+    };
+}
+
+interface JobMetadata {
+    id: number;
+    name: string;
+    value: string;
+}
+
+interface JobSource {
+    id: number;
+    source: string;
+    externalId?: string;
+    rawUrl?: string;
+}
+
+interface Job {
+    id: number;
+    title: string;
+    company?: Company;
+    author?: string;
+    location?: string;
+    url: string;
+    postedAt?: string;
+    description?: string;
+    isRemote?: boolean;
+    createdAt: string;
+    updatedAt: string;
+    tags: JobTag[];
+    metadata: JobMetadata[];
+    sources: JobSource[];
+}
+
+export default function JobsListView() {
+    const [jobs, setJobs] = useState<Job[]>([]);
+    const [page, setPage] = useState(1);
+    const [pageSize] = useState(10);
+    const [totalCount, setTotalCount] = useState(0);
+    const [loading, setLoading] = useState(false);
+    const [refreshing, setRefreshing] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+
+    const totalPages = Math.ceil(totalCount / pageSize);
+
+    const fetchJobs = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+
+            // Calculate skip value based on page
+            const skipValue = (page - 1) * pageSize;
+
+            // Log API request for debugging
+            console.log(`Fetching jobs with: skip=${skipValue}, first=${pageSize}, page=${page}`);
+
+            // Use the new API endpoint with pagination parameters
+            const response = await fetch(`https://api.codebuilder.org/jobs?skip=${skipValue}&first=${pageSize}`);
+
+            if (!response.ok) {
+                throw new Error(`Error: ${response.statusText}`);
+            }
+
+            const data = await response.json();
+
+            // Log response data for debugging
+            console.log(`Received ${data.jobs?.length || 0} jobs, total: ${data.totalCount || 0}`);
+
+            setJobs(data.jobs || []);
+            setTotalCount(data.totalCount || 0);
+        } catch (err) {
+            setError(err instanceof Error ? err.message : 'An unknown error occurred');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const handleRefresh = async () => {
+        try {
+            setRefreshing(true);
+            setPage(1); // Reset to the first page when refreshing
+            await fetchJobs();
+        } finally {
+            setRefreshing(false);
+        }
+    };
+
+    // Initialize component
+    useEffect(() => {
+        console.log('Component mounted, fetching initial data');
+        fetchJobs();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // Empty dependency array means this only runs once on mount
+
+    // Handle page changes
+    useEffect(() => {
+        if (page > 1) {
+            // Skip on initial load (page 1 is already loaded)
+            console.log(`Page changed to ${page}, fetching new data`);
+            fetchJobs();
         }
-      >
-        {!loading &&
-          !error &&
-          posts.length > 0 &&
-          posts.map((post: any) => (
-            <TouchableOpacity
-              key={post.id}
-              style={styles.card}
-              activeOpacity={0.8}
-              onPress={() => handleOpenURL(post.url)}
-            >
-              <Text style={styles.cardTitle}>{post.title}</Text>
-              <Text style={styles.cardSubtitle}>by {post.author}</Text>
-              <View style={styles.cardRow}>
-                <Text style={styles.cardLabel}>Subreddit:</Text>
-                <Text style={styles.cardValue}>{post.subreddit}</Text>
-              </View>
-              <View style={styles.cardRow}>
-                <Text style={styles.cardLabel}>Upvotes:</Text>
-                <Text style={styles.cardValue}>{post.upvotes}</Text>
-                <Text style={styles.cardLabel}>Downvotes:</Text>
-                <Text style={styles.cardValue}>{post.downvotes}</Text>
-              </View>
-              <View style={styles.cardRow}>
-                <Text style={styles.cardLabel}>Posted At:</Text>
-                <Text style={styles.cardValue}>
-                  {new Date(post.postedAt).toLocaleString()}
-                </Text>
-              </View>
-            </TouchableOpacity>
-          ))}
-      </ScrollView>
-
-      <View style={styles.paginationContainer}>
-        <TouchableOpacity
-          style={[styles.button, page === 1 && styles.disabledButton]}
-          onPress={handlePrevPage}
-          disabled={page === 1}
-        >
-          <Text style={styles.buttonText}>Previous</Text>
-        </TouchableOpacity>
-
-        <Text style={styles.pageIndicator}>
-          Page {page} of {totalPages || 1}
-        </Text>
-
-        <TouchableOpacity
-          style={[styles.button, page === totalPages && styles.disabledButton]}
-          onPress={handleNextPage}
-          disabled={page === totalPages}
-        >
-          <Text style={styles.buttonText}>Next</Text>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [page]); // Only run when page changes
+
+    const handleNextPage = () => {
+        if (page < totalPages) {
+            console.log(`Moving to next page: ${page + 1}`);
+            setPage(page + 1); // Use direct value to ensure immediate update
+        }
+    };
+
+    const handlePrevPage = () => {
+        if (page > 1) {
+            console.log(`Moving to previous page: ${page - 1}`);
+            setPage(page - 1); // Use direct value to ensure immediate update
+        }
+    };
+
+    const handleOpenURL = (url: string) => {
+        if (url) {
+            Linking.openURL(url).catch((err) => console.error('Failed to open URL:', err));
+        }
+    };
+
+    // Helper function to get job metadata value by name
+    const getMetadataValue = (job: Job, name: string): string | null => {
+        const metadata = job.metadata.find((m) => m.name === name);
+        return metadata ? metadata.value : null;
+    };
+
+    // Helper function to get job source
+    const getJobSource = (job: Job): string => {
+        if (job.sources && job.sources.length > 0) {
+            return job.sources[0].source;
+        }
+        return 'Unknown';
+    };
+
+    return (
+        <View style={{ flex: 1 }}>
+            <CustomHeader title="Jobs" />
+            <View style={styles.container}>
+                <Text style={styles.title}>Jobs (Page {page})</Text>
+
+                {loading && <ActivityIndicator size="large" color="#fff" style={{ marginVertical: 10 }} />}
+
+                {error && <Text style={styles.errorText}>Error: {error}</Text>}
+
+                <ScrollView style={styles.scrollContainer} refreshControl={<RefreshControl refreshing={refreshing} onRefresh={handleRefresh} />}>
+                    {!loading &&
+                        !error &&
+                        jobs.length > 0 &&
+                        jobs.map((job) => (
+                            <TouchableOpacity key={job.id} style={styles.card} activeOpacity={0.8} onPress={() => handleOpenURL(job.url)}>
+                                <Text style={styles.cardTitle}>{job.title}</Text>
+
+                                <View style={styles.cardRow}>
+                                    <Text style={styles.cardLabel}>Company:</Text>
+                                    <Text style={styles.cardValue}>{job.company?.name || 'Unknown'}</Text>
+                                </View>
+
+                                {job.author && (
+                                    <View style={styles.cardRow}>
+                                        <Text style={styles.cardLabel}>Posted by:</Text>
+                                        <Text style={styles.cardValue}>{job.author}</Text>
+                                    </View>
+                                )}
+
+                                {job.location && (
+                                    <View style={styles.cardRow}>
+                                        <Text style={styles.cardLabel}>Location:</Text>
+                                        <Text style={styles.cardValue}>{job.location}</Text>
+                                    </View>
+                                )}
+
+                                <View style={styles.cardRow}>
+                                    <Text style={styles.cardLabel}>Remote:</Text>
+                                    <Text style={styles.cardValue}>{job.isRemote ? 'Yes' : 'No'}</Text>
+                                </View>
+
+                                {job.tags.length > 0 && (
+                                    <View style={styles.cardRow}>
+                                        <Text style={styles.cardLabel}>Skills:</Text>
+                                        <Text style={styles.cardValue}>{job.tags.map((tag) => tag.tag.name).join(', ')}</Text>
+                                    </View>
+                                )}
+
+                                <View style={styles.cardRow}>
+                                    <Text style={styles.cardLabel}>Source:</Text>
+                                    <Text style={styles.cardValue}>{getJobSource(job)}</Text>
+                                </View>
+
+                                <View style={styles.cardRow}>
+                                    <Text style={styles.cardLabel}>Posted At:</Text>
+                                    <Text style={styles.cardValue}>{job.postedAt ? new Date(job.postedAt).toLocaleString() : 'Unknown'}</Text>
+                                </View>
+                            </TouchableOpacity>
+                        ))}
+
+                    {!loading && !error && jobs.length === 0 && <Text style={styles.noJobsText}>No jobs found</Text>}
+                </ScrollView>
+
+                <View style={styles.paginationContainer}>
+                    <TouchableOpacity style={[styles.button, page === 1 && styles.disabledButton]} onPress={handlePrevPage} disabled={page === 1}>
+                        <Text style={styles.buttonText}>Previous</Text>
+                    </TouchableOpacity>
+
+                    <Text style={styles.pageIndicator}>
+                        Page {page} of {totalPages || 1}
+                    </Text>
+
+                    <TouchableOpacity style={[styles.button, page === totalPages && styles.disabledButton]} onPress={handleNextPage} disabled={page === totalPages}>
+                        <Text style={styles.buttonText}>Next</Text>
+                    </TouchableOpacity>
+                </View>
+            </View>
+        </View>
+    );
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    paddingTop: 5,
-    paddingHorizontal: 16,
-    backgroundColor: "#121212",
-  },
-  scrollContainer: {
-    marginTop: 10,
-  },
-  title: {
-    fontSize: 20,
-    marginBottom: 10,
-    fontWeight: "bold",
-    alignSelf: "center",
-    color: "#fff",
-  },
-  errorText: {
-    color: "#ff4444",
-    marginVertical: 10,
-  },
-  card: {
-    backgroundColor: "#1F1F1F",
-    borderRadius: 8,
-    padding: 16,
-    marginBottom: 10,
-  },
-  cardTitle: {
-    fontSize: 16,
-    fontWeight: "bold",
-    color: "#fff",
-    marginBottom: 4,
-  },
-  cardSubtitle: {
-    fontSize: 14,
-    color: "#ccc",
-    marginBottom: 8,
-  },
-  cardRow: {
-    flexDirection: "row",
-    marginBottom: 4,
-    alignItems: "center",
-  },
-  cardLabel: {
-    marginRight: 4,
-    color: "#ccc",
-    fontSize: 14,
-  },
-  cardValue: {
-    marginRight: 12,
-    color: "#fff",
-    fontSize: 14,
-  },
-  paginationContainer: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    marginVertical: 10,
-  },
-  button: {
-    backgroundColor: "#007AFF",
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 6,
-    marginHorizontal: 5,
-  },
-  disabledButton: {
-    backgroundColor: "#555",
-  },
-  buttonText: {
-    color: "#fff",
-    fontWeight: "600",
-  },
-  pageIndicator: {
-    fontSize: 16,
-    marginHorizontal: 10,
-    color: "#fff",
-  },
+    container: {
+        flex: 1,
+        paddingTop: 5,
+        paddingHorizontal: 16,
+        backgroundColor: '#121212',
+    },
+    scrollContainer: {
+        marginTop: 10,
+    },
+    title: {
+        fontSize: 20,
+        marginBottom: 10,
+        fontWeight: 'bold',
+        alignSelf: 'center',
+        color: '#fff',
+    },
+    errorText: {
+        color: '#ff4444',
+        marginVertical: 10,
+    },
+    noJobsText: {
+        color: '#fff',
+        textAlign: 'center',
+        marginTop: 20,
+        fontSize: 16,
+    },
+    card: {
+        backgroundColor: '#1F1F1F',
+        borderRadius: 8,
+        padding: 16,
+        marginBottom: 10,
+    },
+    cardTitle: {
+        fontSize: 16,
+        fontWeight: 'bold',
+        color: '#fff',
+        marginBottom: 8,
+    },
+    cardRow: {
+        flexDirection: 'row',
+        marginBottom: 4,
+        alignItems: 'center',
+        flexWrap: 'wrap',
+    },
+    cardLabel: {
+        marginRight: 4,
+        color: '#ccc',
+        fontSize: 14,
+    },
+    cardValue: {
+        marginRight: 12,
+        color: '#fff',
+        fontSize: 14,
+        flex: 1,
+    },
+    paginationContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginVertical: 10,
+    },
+    button: {
+        backgroundColor: '#007AFF',
+        paddingHorizontal: 10,
+        paddingVertical: 6,
+        borderRadius: 6,
+        marginHorizontal: 5,
+    },
+    disabledButton: {
+        backgroundColor: '#555',
+    },
+    buttonText: {
+        color: '#fff',
+        fontWeight: '600',
+    },
+    pageIndicator: {
+        fontSize: 16,
+        marginHorizontal: 10,
+        color: '#fff',
+    },
 });
diff --git a/app/(tabs)/jobs.tsx.new b/app/(tabs)/jobs.tsx.new
new file mode 100644
index 0000000..e69de29
diff --git a/app/(tabs)/settings.tsx b/app/(tabs)/settings.tsx
index ac8d868..0d22deb 100644
--- a/app/(tabs)/settings.tsx
+++ b/app/(tabs)/settings.tsx
@@ -1,14 +1,18 @@
 import { View, Text, StyleSheet } from "react-native";
 import ClipboardDemo from "@/components/ClipboardDemo";
+import CustomHeader from "@/components/CustomHeader";
 
 export default function SimplePage() {
   return (
-    <View style={styles.container}>
-      <Text style={styles.header}>My Header</Text>
-      <Text style={styles.text}>
-        This is some example text to show a plain page component.
-      </Text>
-      <ClipboardDemo />
+    <View style={{ flex: 1 }}>
+      <CustomHeader title="Settings" />
+      <View style={styles.container}>
+        <Text style={styles.header}>My Header</Text>
+        <Text style={styles.text}>
+          This is some example text to show a plain page component.
+        </Text>
+        <ClipboardDemo />
+      </View>
     </View>
   );
 }
diff --git a/app/(tabs)/settings.tsx.new b/app/(tabs)/settings.tsx.new
new file mode 100644
index 0000000..e69de29

From 09589e51348b7bf9257627f0f83c4c4d85f364c1 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 20:58:09 -0500
Subject: [PATCH 04/13] Added custom header component.

---
 components/CustomHeader.tsx | 74 +++++++++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 components/CustomHeader.tsx

diff --git a/components/CustomHeader.tsx b/components/CustomHeader.tsx
new file mode 100644
index 0000000..c4829f7
--- /dev/null
+++ b/components/CustomHeader.tsx
@@ -0,0 +1,74 @@
+import React from 'react';
+import { View, Text, StyleSheet, Pressable } from 'react-native';
+import { useRouter, Link } from 'expo-router';
+import FontAwesome from '@expo/vector-icons/FontAwesome';
+import Colors from '@/constants/Colors';
+import { useColorScheme } from '@/hooks/useColorScheme';
+
+interface CustomHeaderProps {
+    title: string;
+    showBackButton?: boolean;
+    showModalButton?: boolean;
+}
+
+export default function CustomHeader({ title, showBackButton = false, showModalButton = false }: CustomHeaderProps) {
+    const router = useRouter();
+    const colorScheme = useColorScheme();
+    const textColor = Colors[colorScheme ?? 'light'].text;
+
+    return (
+        <View style={styles.container}>
+            {showBackButton && (
+                <Pressable style={styles.backButton} onPress={() => router.back()}>
+                    <FontAwesome name="arrow-left" size={22} color={textColor} />
+                </Pressable>
+            )}
+
+            <Text style={[styles.title, { color: textColor }]}>{title}</Text>
+
+            {showModalButton && (
+                <Link href="/modal" asChild style={styles.rightButton}>
+                    <Pressable>{({ pressed }) => <FontAwesome name="info-circle" size={25} color={textColor} style={{ opacity: pressed ? 0.5 : 1 }} />}</Pressable>
+                </Link>
+            )}
+
+            {!showModalButton && <View style={styles.placeholderRight} />}
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        height: 60,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 15,
+        backgroundColor: '#121212',
+        borderBottomWidth: 1,
+        borderBottomColor: '#333',
+        paddingTop: 5,
+        marginBottom: 5,
+    },
+    backButton: {
+        width: 40,
+        height: 40,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    title: {
+        fontSize: 18,
+        fontWeight: 'bold',
+        flex: 1,
+        textAlign: 'center',
+    },
+    rightButton: {
+        width: 40,
+        height: 40,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    placeholderRight: {
+        width: 40,
+    },
+});

From b792c9633c27cd95114719275ee63229cfb42092 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 20:58:57 -0500
Subject: [PATCH 05/13] Updated not found.

---
 app/+not-found.tsx | 64 +++++++++++++++++++++++-----------------------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/app/+not-found.tsx b/app/+not-found.tsx
index e137336..fe576c2 100644
--- a/app/+not-found.tsx
+++ b/app/+not-found.tsx
@@ -1,40 +1,40 @@
-import { Link, Stack } from "expo-router";
-import { StyleSheet } from "react-native";
+import { Link, Stack } from 'expo-router';
+import { StyleSheet } from 'react-native';
 
-import { Text, View } from "@/components/Themed";
+import { Text, View } from '@/components/Themed';
 
 export default function NotFoundScreen() {
-  return (
-    <>
-      <Stack.Screen options={{ title: "Oops!" }} />
-      <View style={styles.container}>
-        <Text style={styles.title}>This screen doesn't exist.</Text>
+    return (
+        <>
+            <Stack.Screen options={{ title: 'Oops!' }} />
+            <View style={styles.container}>
+                <Text style={styles.title}>This screen doesn't exist.</Text>
 
-        <Link href="/" style={styles.link}>
-          <Text style={styles.linkText}>Go to home screen!</Text>
-        </Link>
-      </View>
-    </>
-  );
+                <Link href={'/' as any} style={styles.link}>
+                    <Text style={styles.linkText}>Go to home screen!</Text>
+                </Link>
+            </View>
+        </>
+    );
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 20,
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: "bold",
-  },
-  link: {
-    marginTop: 15,
-    paddingVertical: 15,
-  },
-  linkText: {
-    fontSize: 14,
-    color: "#2e78b7",
-  },
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 20,
+    },
+    title: {
+        fontSize: 20,
+        fontWeight: 'bold',
+    },
+    link: {
+        marginTop: 15,
+        paddingVertical: 15,
+    },
+    linkText: {
+        fontSize: 14,
+        color: '#2e78b7',
+    },
 });

From 6120a340118aa0be524180a8c6e8a75c558cd43e Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:00:23 -0500
Subject: [PATCH 06/13] Implemented google oauth login w/ backend api
 verification.

---
 app/login.tsx | 427 +++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 389 insertions(+), 38 deletions(-)

diff --git a/app/login.tsx b/app/login.tsx
index 4b05b74..28e9cd8 100644
--- a/app/login.tsx
+++ b/app/login.tsx
@@ -1,64 +1,415 @@
-import { useEffect } from 'react';
-import { View, StyleSheet, Text } from 'react-native';
+import { useEffect, useRef, useState } from 'react';
+import { View, StyleSheet, Text, SafeAreaView, Image, ScrollView } from 'react-native';
 import { GoogleSignin, GoogleSigninButton } from '@react-native-google-signin/google-signin';
 import Constants from 'expo-constants';
 import { useAuth } from '@/hooks/useAuth';
+import { notify } from '@/services/notifier.service';
 
 export default function LoginScreen() {
-    const { setUser } = useAuth();
+    // Add state for tracking rendering and errors
+    const [isRendering, setIsRendering] = useState(true);
+    const [renderError, setRenderError] = useState<string | null>(null);
 
+    // Set up a basic UI first with minimal dependencies
     useEffect(() => {
-        const webClientId =
-            Constants.expoConfig?.extra?.googleWebClientId ||
-            // Expo public envs are embedded at bundle-time
-            (process.env.EXPO_PUBLIC_GOOGLE_WEB_CLIENT_ID as string | undefined);
-        if (!webClientId) {
-            console.warn(
-                'Google Web Client ID is missing. Set GOOGLE_WEB_CLIENT_ID (app.config.js) or EXPO_PUBLIC_GOOGLE_WEB_CLIENT_ID in your .env/EAS env. Falling back to no offline access.'
-            );
-            // Configure without offline access to avoid runtime error
-            GoogleSignin.configure({});
-            return;
-        }
-        GoogleSignin.configure({
-            webClientId,
-            // offlineAccess allows getting a refresh token; requires a Server (Web) OAuth client ID
-            offlineAccess: true,
-        });
+        console.log('🔍 LoginScreen mounted');
+        setIsRendering(false);
+
+        return () => {
+            console.log('🔍 LoginScreen unmounted');
+        };
+    }, []);
+
+    // If we can't even render this basic UI, there's a serious problem elsewhere
+    if (isRendering) {
+        return (
+            <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+                <Text>Loading login screen...</Text>
+            </SafeAreaView>
+        );
+    }
+
+    if (renderError) {
+        return (
+            <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+                <Text style={{ color: 'red' }}>Error rendering login: {renderError}</Text>
+            </SafeAreaView>
+        );
+    }
+
+    // If we get here, we can try to render the full component
+    try {
+        return <LoginScreenContent />;
+    } catch (err: any) {
+        console.error('❌ Error rendering LoginScreenContent:', err?.message || String(err));
+        return (
+            <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+                <Text style={{ color: 'red' }}>Failed to render login screen</Text>
+                <Text>{err?.message || String(err)}</Text>
+            </SafeAreaView>
+        );
+    }
+}
+
+// Separate the complex logic into its own component
+function LoginScreenContent() {
+    const { user, setUser } = useAuth();
+    // Flag to track if we've already configured GoogleSignin
+    const hasConfiguredRef = useRef(false);
+
+    useEffect(() => {
+        // Create an async function inside useEffect
+        const configureGoogleSignIn = async () => {
+            // Only configure once to prevent recursion
+            if (hasConfiguredRef.current) {
+                return;
+            }
+
+            hasConfiguredRef.current = true;
+
+            // Simple configuration with minimal logging to prevent recursion
+            try {
+                const webClientId =
+                    Constants.expoConfig?.extra?.googleWebClientId ||
+                    // Expo public envs are embedded at bundle-time
+                    (process.env.EXPO_PUBLIC_GOOGLE_WEB_CLIENT_ID as string | undefined);
+
+                if (!webClientId) {
+                    console.warn('🟡 Google Web Client ID is missing. Falling back to no offline access.');
+                    GoogleSignin.configure({
+                        scopes: ['profile', 'email'],
+                    });
+                    return;
+                }
+
+                console.log('🟢 Configuring Google Sign-In with client ID:', webClientId);
+
+                // Configure Google Sign-In
+                GoogleSignin.configure({
+                    webClientId,
+                    offlineAccess: true,
+                    scopes: ['profile', 'email'],
+                });
+            } catch (error: any) {
+                console.error('❌ Error during Google Sign-In setup:', error?.message || String(error));
+                notify({
+                    type: 'error',
+                    title: 'Google Sign-In Setup Error',
+                    message: error?.message || 'Failed to configure Google Sign-In',
+                });
+            }
+        };
+
+        // Call the async function
+        configureGoogleSignIn();
     }, []);
 
     const signIn = async () => {
         try {
+            console.log('🟢 Starting Google sign in process...');
+
+            // Check if Google Play Services are available
+            console.log('🟢 Checking Google Play Services...');
             await GoogleSignin.hasPlayServices({ showPlayServicesUpdateDialog: true });
-            const result = await GoogleSignin.signIn();
-
-            // @react-native-google-signin/google-signin returns an object with idToken and user
-            if (result?.idToken) {
-                setUser({ idToken: result.idToken, user: result.user });
-                fetch('https://new.codebuilder.org/api/auth/google', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ idToken: result.idToken }),
-                }).catch((e) => console.error('Auth callback error:', e));
+            console.log('✅ Google Play Services available');
+
+            // Attempt to sign in
+            console.log('🟢 Initiating Google Sign-In...');
+
+            // Perform the sign-in
+            const signInResult = await GoogleSignin.signIn();
+
+            // The structure from Expo's implementation is different - data is nested
+            // Expo adds a wrapper with { type: 'success', data: { actual response } }
+            console.log('📋 Google Sign-In raw result:', JSON.stringify(signInResult, null, 2));
+
+            // Extract the data based on the structure
+            let userData;
+            let idToken;
+
+            if (signInResult?.type === 'success' && signInResult?.data) {
+                // Expo structure
+                userData = signInResult.data.user;
+                idToken = signInResult.data.idToken;
             } else {
-                console.warn('Google sign in did not return an idToken.');
+                // Regular structure
+                userData = signInResult?.user;
+                idToken = signInResult?.idToken;
+            }
+
+            if (userData && idToken) {
+                console.log('✅ Google Sign-In successful:', userData.email);
+                console.log('✅ ID Token received, setting user and calling API');
+
+                // Set the initial user in context (we'll update with tokens after API call)
+                setUser({
+                    idToken,
+                    user: {
+                        id: userData.id,
+                        name: userData.name,
+                        email: userData.email,
+                        photo: userData.photo,
+                        familyName: userData.familyName,
+                        givenName: userData.givenName,
+                    },
+                });
+
+                // Make the API call
+                console.log('🟢 Making network request to auth API...');
+                try {
+                    const response = await fetch('https://api.codebuilder.org/auth/google', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ idToken }),
+                    });
+
+                    console.log('✅ Auth API response received:', response.status);
+
+                    if (!response.ok) {
+                        const errorText = await response.text();
+                        throw new Error(`API error (${response.status}): ${errorText || 'No error details'}`);
+                    }
+
+                    let responseData;
+                    const contentType = response.headers.get('content-type');
+                    if (contentType && contentType.includes('application/json')) {
+                        responseData = await response.json();
+                    } else {
+                        const text = await response.text();
+                        try {
+                            // Try to parse text as JSON in case content-type is incorrect
+                            responseData = JSON.parse(text);
+                        } catch (e) {
+                            console.log('✅ Auth API response (text):', text || '(empty response)');
+                            throw new Error('API response was not valid JSON');
+                        }
+                    }
+
+                    console.log('✅ Auth API response processed');
+
+                    if (responseData.accessToken && responseData.refreshToken) {
+                        // Update user with tokens
+                        setUser((prevUser) => ({
+                            ...prevUser!,
+                            accessToken: responseData.accessToken,
+                            refreshToken: responseData.refreshToken,
+                        }));
+
+                        // Show success notification
+                        notify({
+                            type: 'success',
+                            title: 'Sign-In Successful',
+                            message: `Welcome, ${userData.name || userData.email}!`,
+                        });
+                    } else {
+                        // Tokens missing from API response
+                        throw new Error('API response missing access or refresh tokens');
+                    }
+                } catch (apiError: any) {
+                    console.error('🔴 Auth callback error:', apiError?.message || String(apiError));
+                    notify({
+                        type: 'error',
+                        title: 'Authentication Error',
+                        message: apiError?.message || 'Failed to authenticate with server',
+                    });
+                }
+            } else {
+                console.warn('🟡 Google sign in did not return expected user data or token.');
+                notify({
+                    type: 'error',
+                    title: 'Sign-In Failed',
+                    message: 'Google sign-in did not return expected user data or token',
+                });
             }
         } catch (e: any) {
-            // Log richer error info for troubleshooting (code, description)
+            // Log error info for troubleshooting
             const code = e?.code || e?.statusCodes || 'UNKNOWN';
-            console.error('Google sign in error:', code, e?.message || e);
+            const message = e?.message || 'No error message available';
+            const statusCode = e?.statusCode || 'N/A';
+
+            console.error('🔴 Google sign in error:', '\nError code:', code, '\nStatus code:', statusCode, '\nMessage:', message);
+
+            notify({
+                type: 'error',
+                title: 'Google Sign-In Failed',
+                message: message || 'Failed to sign in with Google',
+            });
+        }
+    };
+
+    const signOut = async () => {
+        try {
+            console.log('🔄 Signing out from Google...');
+            await GoogleSignin.signOut();
+            console.log('✅ Signed out successfully');
+            setUser(null);
+            notify({
+                type: 'info',
+                title: 'Signed Out',
+                message: 'You have been successfully signed out',
+            });
+        } catch (e: any) {
+            console.error('❌ Sign out error:', e?.message || String(e));
+            notify({
+                type: 'error',
+                title: 'Sign-Out Error',
+                message: e?.message || 'Failed to sign out',
+            });
+        }
+    };
+
+    const revokeAccess = async () => {
+        try {
+            console.log('⚠️ Revoking Google access...');
+            await GoogleSignin.revokeAccess();
+            await GoogleSignin.signOut();
+            console.log('✅ Access revoked successfully');
+            setUser(null);
+            notify({
+                type: 'info',
+                title: 'Access Revoked',
+                message: 'Your Google access has been revoked',
+            });
+        } catch (e: any) {
+            console.error('❌ Revoke access error:', e?.message || String(e));
+            notify({
+                type: 'error',
+                title: 'Revoke Access Error',
+                message: e?.message || 'Failed to revoke access',
+            });
         }
     };
 
+    // Show different UI based on authentication state
+    if (!user) {
+        return (
+            <View style={styles.container}>
+                <Text style={styles.title}>Login</Text>
+                <GoogleSigninButton onPress={signIn} size={GoogleSigninButton.Size.Wide} color={GoogleSigninButton.Color.Dark} style={{ marginBottom: 16 }} />
+            </View>
+        );
+    }
+
+    // User is logged in
     return (
-        <View style={styles.container}>
-            <Text style={styles.title}>Login</Text>
-            <GoogleSigninButton onPress={signIn} size={GoogleSigninButton.Size.Wide} color={GoogleSigninButton.Color.Dark} />
-        </View>
+        <ScrollView contentContainerStyle={styles.container}>
+            <Text style={styles.title}>Account Information</Text>
+
+            {user.user.photo && <Image source={{ uri: user.user.photo }} style={styles.profileImage} />}
+
+            <View style={styles.infoContainer}>
+                <Text style={styles.label}>Name:</Text>
+                <Text style={styles.value}>{user.user.name || 'N/A'}</Text>
+
+                <Text style={styles.label}>Email:</Text>
+                <Text style={styles.value}>{user.user.email}</Text>
+
+                <Text style={styles.label}>Status:</Text>
+                <Text style={[styles.value, styles.statusBadge]}>{user.accessToken ? '✓ Authenticated' : '⚠️ Partial Auth'}</Text>
+            </View>
+
+            <View style={styles.tokenInfo}>
+                <Text style={styles.tokenLabel}>ID Token:</Text>
+                <Text style={styles.tokenValue} numberOfLines={1} ellipsizeMode="middle">
+                    {user.idToken.substring(0, 15)}...
+                </Text>
+
+                {user.accessToken && (
+                    <>
+                        <Text style={styles.tokenLabel}>Access Token:</Text>
+                        <Text style={styles.tokenValue} numberOfLines={1} ellipsizeMode="middle">
+                            {user.accessToken.substring(0, 15)}...
+                        </Text>
+                    </>
+                )}
+
+                {user.refreshToken && (
+                    <>
+                        <Text style={styles.tokenLabel}>Refresh Token:</Text>
+                        <Text style={styles.tokenValue} numberOfLines={1} ellipsizeMode="middle">
+                            {user.refreshToken.substring(0, 15)}...
+                        </Text>
+                    </>
+                )}
+            </View>
+
+            <View style={styles.buttonContainer}>
+                <Text style={styles.signOutButton} onPress={signOut}>
+                    Sign Out
+                </Text>
+
+                <Text style={styles.revokeButton} onPress={revokeAccess}>
+                    Revoke Access
+                </Text>
+            </View>
+        </ScrollView>
     );
 }
 
 const styles = StyleSheet.create({
-    container: { flex: 1, justifyContent: 'center', alignItems: 'center' },
+    container: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 16 },
     title: { fontSize: 24, fontWeight: '600', marginBottom: 16 },
+    profileImage: {
+        width: 100,
+        height: 100,
+        borderRadius: 50,
+        marginBottom: 20,
+    },
+    infoContainer: {
+        width: '100%',
+        backgroundColor: '#f5f5f5',
+        padding: 16,
+        borderRadius: 8,
+        marginBottom: 20,
+    },
+    label: {
+        fontWeight: '600',
+        marginBottom: 4,
+        color: '#555',
+    },
+    value: {
+        marginBottom: 16,
+        fontSize: 16,
+    },
+    statusBadge: {
+        color: '#2e7d32',
+        fontWeight: '600',
+    },
+    tokenInfo: {
+        width: '100%',
+        backgroundColor: '#e8f5e9',
+        padding: 16,
+        borderRadius: 8,
+        marginBottom: 20,
+    },
+    tokenLabel: {
+        fontWeight: '600',
+        marginBottom: 4,
+        color: '#2e7d32',
+    },
+    tokenValue: {
+        marginBottom: 16,
+        fontSize: 14,
+        fontFamily: 'monospace',
+        color: '#1b5e20',
+    },
+    buttonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        width: '100%',
+        marginTop: 8,
+    },
+    signOutButton: {
+        color: '#2196f3',
+        marginRight: 16,
+        textDecorationLine: 'underline',
+        fontSize: 16,
+        padding: 8,
+    },
+    revokeButton: {
+        color: '#f44336',
+        textDecorationLine: 'underline',
+        fontSize: 16,
+        padding: 8,
+    },
 });

From aa5ec3e9f939f828c455abe5001c481ece656d36 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:00:47 -0500
Subject: [PATCH 07/13] Fixed auth provider hook.

---
 hooks/useAuth.ts | 38 ++++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/hooks/useAuth.ts b/hooks/useAuth.ts
index 67710ca..aab7fbd 100644
--- a/hooks/useAuth.ts
+++ b/hooks/useAuth.ts
@@ -1,28 +1,30 @@
 // hooks/useAuth.ts
-import { useContext } from "react";
-import { AuthContext } from "@/providers/AuthProvider";
+import { useContext } from 'react';
+import { AuthContext } from '@/providers/AuthProvider';
 
 export interface AuthUser {
-  idToken: string;
-  user: {
-    id: string;
-    name: string | null;
-    email: string;
-    photo: string | null;
-    familyName: string | null;
-    givenName: string | null;
-  };
+    idToken: string;
+    accessToken?: string;
+    refreshToken?: string;
+    user: {
+        id: string;
+        name: string | null;
+        email: string;
+        photo: string | null;
+        familyName: string | null;
+        givenName: string | null;
+    };
 }
 
 export type AuthContextType = {
-  user: AuthUser | null;
-  setUser: React.Dispatch<React.SetStateAction<AuthUser | null>>;
+    user: AuthUser | null;
+    setUser: React.Dispatch<React.SetStateAction<AuthUser | null>>;
 };
 
 export function useAuth(): AuthContextType {
-  const ctx = useContext(AuthContext);
-  if (!ctx) {
-    throw new Error("useAuth must be used within <AuthProvider>");
-  }
-  return ctx;
+    const ctx = useContext(AuthContext);
+    if (!ctx) {
+        throw new Error('useAuth must be used within <AuthProvider>');
+    }
+    return ctx;
 }

From d3682aec868eb77f480d091d09bd82cfc9d30af7 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:01:08 -0500
Subject: [PATCH 08/13] Added better formatting, styling, colors, icons, etc...
 to log viewer component.

---
 components/LogViewer.tsx | 184 +++++++++++++++++++++++++++++++++------
 1 file changed, 157 insertions(+), 27 deletions(-)

diff --git a/components/LogViewer.tsx b/components/LogViewer.tsx
index 6efd7bf..5a43a0c 100644
--- a/components/LogViewer.tsx
+++ b/components/LogViewer.tsx
@@ -1,34 +1,109 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { ScrollView, Text, View, Button } from 'react-native';
+import { ScrollView, Text, View, Button, StyleSheet } from 'react-native';
 import { ConsoleView } from 'react-native-console-view';
 
+// Log level types and styling properties
+type LogLevel = 'log' | 'error' | 'warn';
+
+// Emoji indicators for each log level
+const emojiForLevel: Record<LogLevel, string> = {
+    log: '🟢',
+    error: '🔴',
+    warn: '🟡',
+};
+
+// Colors for each log level
+const colorForLevel: Record<LogLevel, string> = {
+    log: '#2ecc40', // Green
+    error: '#e74c3c', // Red
+    warn: '#f1c40f', // Yellow
+};
+
+interface LogEntry {
+    level: LogLevel;
+    message: string;
+    timestamp: string;
+}
+
 const LogViewer = () => {
-    const [logs, setLogs] = useState<string[]>([]);
+    const [logs, setLogs] = useState<LogEntry[]>([]);
+    const scrollViewRef = useRef<ScrollView>(null);
+
+    // Flag to prevent recursive logging
+    const isLoggingRef = useRef(false);
 
-    const flushingRef = useRef(false);
     useEffect(() => {
         const originalLog = console.log;
         const originalError = console.error;
         const originalWarn = console.warn;
 
-        const enqueue = (level: 'log' | 'error' | 'warn', args: any[]) => {
-            // Defer state update to microtask to avoid setState during another component's render
-            Promise.resolve().then(() => {
-                setLogs((prev) => [...prev, `[${level.toUpperCase()}] ${args.map(String).join(' ')}`]);
-            });
+        const enqueue = (level: LogLevel, args: any[]) => {
+            // Prevent recursive logging
+            if (isLoggingRef.current) {
+                return;
+            }
+
+            try {
+                isLoggingRef.current = true;
+
+                // Format timestamp for better readability
+                const now = new Date();
+                const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now
+                    .getSeconds()
+                    .toString()
+                    .padStart(2, '0')}.${now.getMilliseconds().toString().padStart(3, '0')}`;
+
+                // Safely convert args to strings
+                let messageStr = '';
+                try {
+                    messageStr = args
+                        .map((arg) => {
+                            if (typeof arg === 'string') return arg;
+                            if (arg instanceof Error) return arg.toString();
+                            try {
+                                return JSON.stringify(arg);
+                            } catch (e) {
+                                return String(arg);
+                            }
+                        })
+                        .join(' ');
+                } catch (err) {
+                    messageStr = 'Error stringifying log message';
+                }
+
+                // Defer state update to microtask to avoid setState during another component's render
+                Promise.resolve().then(() => {
+                    setLogs((prev) => {
+                        // Add new log to the beginning (newest first)
+                        const newLogs = [
+                            {
+                                level,
+                                message: messageStr,
+                                timestamp,
+                            },
+                            ...prev,
+                        ];
+
+                        // Keep only the latest 100 logs to prevent memory issues
+                        return newLogs.slice(0, 100);
+                    });
+                });
+            } finally {
+                isLoggingRef.current = false;
+            }
         };
 
         console.log = (...args) => {
-            enqueue('log', args);
             originalLog(...args);
+            enqueue('log', args);
         };
         console.error = (...args) => {
-            enqueue('error', args);
             originalError(...args);
+            enqueue('error', args);
         };
         console.warn = (...args) => {
-            enqueue('warn', args);
             originalWarn(...args);
+            enqueue('warn', args);
         };
 
         return () => {
@@ -38,29 +113,84 @@ const LogViewer = () => {
         };
     }, []);
 
+    // We don't need auto-scroll since newest logs are at the top
+    useEffect(() => {
+        if (scrollViewRef.current && logs.length > 0) {
+            scrollViewRef.current?.scrollTo({ y: 0, animated: true });
+        }
+    }, [logs.length]);
+
     return (
-        <View
-            style={{
-                flex: 1,
-                padding: 10,
-                backgroundColor: 'black',
-                borderRadius: 15, // Rounded corners
-                borderWidth: 2, // Border thickness
-                borderColor: 'white', // White border
-                margin: 10, // Margin for better visibility
-            }}
-        >
+        <View style={styles.container}>
             <ConsoleView enabled={true} breakpoint={'mobile'} />
-            <ScrollView style={{ marginTop: 10 }}>
+            <ScrollView
+                ref={scrollViewRef}
+                style={styles.scrollView}
+                contentContainerStyle={styles.scrollContent}
+                showsVerticalScrollIndicator={true}
+                nestedScrollEnabled={true}
+                scrollEnabled={true}
+            >
                 {logs.map((log, index) => (
-                    <Text key={index} style={{ color: 'white', fontSize: 12 }}>
-                        {log}
-                    </Text>
+                    <View key={index} style={styles.logItem}>
+                        <Text style={[styles.logHeader, { color: colorForLevel[log.level] }]}>
+                            {emojiForLevel[log.level]} [{log.timestamp}] [{log.level.toUpperCase()}]
+                        </Text>
+                        <Text style={styles.logMessage}>{log.message}</Text>
+                        {index < logs.length - 1 && <View style={styles.separator} />}
+                    </View>
                 ))}
             </ScrollView>
-            <Button title="Clear Logs" onPress={() => setLogs([])} />
+            <View style={styles.buttonContainer}>
+                <Button title="Clear Logs" color="#3498db" onPress={() => setLogs([])} />
+            </View>
         </View>
     );
 };
 
+const styles = StyleSheet.create({
+    container: {
+        padding: 10,
+        backgroundColor: '#121212',
+        borderRadius: 15,
+        borderWidth: 2,
+        borderColor: '#3498db',
+        margin: 10,
+        height: 400, // Fixed height instead of flex: 1
+        overflow: 'hidden', // Prevent content from overflowing
+    },
+    scrollView: {
+        marginTop: 10,
+        height: 300, // Fixed height to ensure scrollability
+        flexGrow: 0, // Prevent expanding
+    },
+    scrollContent: {
+        paddingBottom: 10,
+    },
+    logItem: {
+        marginBottom: 8,
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+    },
+    logHeader: {
+        fontSize: 13,
+        fontWeight: 'bold',
+        marginBottom: 4,
+    },
+    logMessage: {
+        color: 'white',
+        fontSize: 12,
+        marginLeft: 8,
+    },
+    separator: {
+        borderBottomWidth: 1,
+        borderBottomColor: '#444',
+        marginTop: 8,
+        marginBottom: 8,
+    },
+    buttonContainer: {
+        marginTop: 10,
+    },
+});
+
 export default LogViewer;

From 7180c4c1e39327751fd7f15999825bdf073432d9 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:01:20 -0500
Subject: [PATCH 09/13] Updated google web client id.

---
 google-services.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/google-services.json b/google-services.json
index 5ad11ed..9cb7908 100644
--- a/google-services.json
+++ b/google-services.json
@@ -14,7 +14,7 @@
       },
       "oauth_client": [
         {
-          "client_id": "906784991953-aoq1tgiac6ge9aqv4kguai26265393h9.apps.googleusercontent.com",
+          "client_id": "982053776531-0gqv0n84kjid9vtu00iq9drjvf9dvjhn.apps.googleusercontent.com",
           "client_type": 3
         }
       ],
@@ -27,7 +27,7 @@
         "appinvite_service": {
           "other_platform_oauth_client": [
             {
-              "client_id": "906784991953-aoq1tgiac6ge9aqv4kguai26265393h9.apps.googleusercontent.com",
+              "client_id": "982053776531-0gqv0n84kjid9vtu00iq9drjvf9dvjhn.apps.googleusercontent.com",
               "client_type": 3
             }
           ]

From a7f6557aedf0a1a9da9848dad1a0a69910a0c5a5 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:01:57 -0500
Subject: [PATCH 10/13] Prettified.

---
 scripts/buildScripts.js | 96 ++++++++++++++++++++---------------------
 1 file changed, 46 insertions(+), 50 deletions(-)

diff --git a/scripts/buildScripts.js b/scripts/buildScripts.js
index 24de849..4fb5a32 100644
--- a/scripts/buildScripts.js
+++ b/scripts/buildScripts.js
@@ -1,80 +1,76 @@
-const fs = require("fs");
-const path = require("path");
-const { execSync } = require("child_process");
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
 
 // Configuration file path
-const CONFIG_FILE = path.join(__dirname, "build-config.json");
+const CONFIG_FILE = path.join(__dirname, 'build-config.json');
 
 // Default configuration
 const DEFAULT_CONFIG = {
-  scripts: [
-    "setupBatteryOptimizations.js",
-    "notificationSounds.ts",
-    "setupExceptionHandler.js",
-  ],
-  // Add enabled: false to disable a script without removing it from the list
-  // Example: { path: "scriptName.js", enabled: false }
+    scripts: ['setupBatteryOptimizations.js', 'notificationSounds.ts', 'setupExceptionHandler.js'],
+    // Add enabled: false to disable a script without removing it from the list
+    // Example: { path: "scriptName.js", enabled: false }
 };
 
 // Create default config if it doesn't exist
 function ensureConfigExists() {
-  if (!fs.existsSync(CONFIG_FILE)) {
-    fs.writeFileSync(CONFIG_FILE, JSON.stringify(DEFAULT_CONFIG, null, 2));
-    console.log(`Created default build config at ${CONFIG_FILE}`);
-  }
+    if (!fs.existsSync(CONFIG_FILE)) {
+        fs.writeFileSync(CONFIG_FILE, JSON.stringify(DEFAULT_CONFIG, null, 2));
+        console.log(`Created default build config at ${CONFIG_FILE}`);
+    }
 }
 
 // Get the list of scripts to run
 function getScriptsToRun() {
-  ensureConfigExists();
-  const config = JSON.parse(fs.readFileSync(CONFIG_FILE, "utf8"));
-  return config.scripts
-    .filter((script) => {
-      if (typeof script === "string") return true;
-      return script.enabled !== false;
-    })
-    .map((script) => {
-      if (typeof script === "string") return script;
-      return script.path;
-    });
+    ensureConfigExists();
+    const config = JSON.parse(fs.readFileSync(CONFIG_FILE, 'utf8'));
+    return config.scripts
+        .filter((script) => {
+            if (typeof script === 'string') return true;
+            return script.enabled !== false;
+        })
+        .map((script) => {
+            if (typeof script === 'string') return script;
+            return script.path;
+        });
 }
 
 // Run all enabled scripts
 function runBuildScripts() {
-  console.log("🚀 Running build scripts...");
+    console.log('🚀 Running build scripts...');
 
-  const scripts = getScriptsToRun();
+    const scripts = getScriptsToRun();
 
-  scripts.forEach((scriptPath) => {
-    const fullPath = path.join(__dirname, scriptPath);
+    scripts.forEach((scriptPath) => {
+        const fullPath = path.join(__dirname, scriptPath);
 
-    if (!fs.existsSync(fullPath)) {
-      console.error(`❌ Script not found: ${fullPath}`);
-      return;
-    }
+        if (!fs.existsSync(fullPath)) {
+            console.error(`❌ Script not found: ${fullPath}`);
+            return;
+        }
 
-    console.log(`▶️ Running: ${scriptPath}`);
+        console.log(`▶️ Running: ${scriptPath}`);
 
-    try {
-      if (scriptPath.endsWith(".ts")) {
-        // For TypeScript files, use ts-node
-        execSync(`npx ts-node ${fullPath}`, { stdio: "inherit" });
-      } else {
-        // For JavaScript files, use node
-        execSync(`node ${fullPath}`, { stdio: "inherit" });
-      }
-      console.log(`✅ Completed: ${scriptPath}`);
-    } catch (error) {
-      console.error(`❌ Error running ${scriptPath}:`, error.message);
-    }
-  });
+        try {
+            if (scriptPath.endsWith('.ts')) {
+                // For TypeScript files, use ts-node
+                execSync(`npx ts-node ${fullPath}`, { stdio: 'inherit' });
+            } else {
+                // For JavaScript files, use node
+                execSync(`node ${fullPath}`, { stdio: 'inherit' });
+            }
+            console.log(`✅ Completed: ${scriptPath}`);
+        } catch (error) {
+            console.error(`❌ Error running ${scriptPath}:`, error.message);
+        }
+    });
 
-  console.log("✨ Build scripts completed");
+    console.log('✨ Build scripts completed');
 }
 
 // Run the function if this is the main module
 if (require.main === module) {
-  runBuildScripts();
+    runBuildScripts();
 }
 
 module.exports = runBuildScripts;

From 79cd53f090c118a0a20d81e3c20c699551d25547 Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:02:16 -0500
Subject: [PATCH 11/13] Prettified.

---
 services/errorReporting.service.ts | 172 +++++++++++++++++++----------
 1 file changed, 115 insertions(+), 57 deletions(-)

diff --git a/services/errorReporting.service.ts b/services/errorReporting.service.ts
index baee822..d41e593 100644
--- a/services/errorReporting.service.ts
+++ b/services/errorReporting.service.ts
@@ -1,73 +1,131 @@
-import { Platform } from "react-native";
-import { ErrorInfo } from "react";
+import { Platform } from 'react-native';
+import { ErrorInfo } from 'react';
 
 export interface ReportOptions {
-  isFatal?: boolean;
-  errorInfo?: ErrorInfo;
+    isFatal?: boolean;
+    errorInfo?: ErrorInfo;
 }
 
 export interface ErrorReport {
-  name: string;
-  cause?: string;
-  message: string;
-  stack?: string;
-  timestamp: string;
-  platform: string;
-  options?: ReportOptions;
+    name: string;
+    cause?: string;
+    message: string;
+    stack?: string;
+    timestamp: string;
+    platform: string;
+    options?: ReportOptions;
 }
 
-const ERROR_REPORTING_ENDPOINT = "https://new.codebuilder.org/api/errors";
+const ERROR_REPORTING_ENDPOINT = 'https://new.codebuilder.org/api/errors';
+
+// Circuit breaker implementation
+const circuitBreaker = {
+    failureCount: 0,
+    lastFailureTime: 0,
+    isOpen: false,
+    failureThreshold: 3,
+    resetTimeout: 60000, // 1 minute in ms
+    baseDelay: 5000, // 5 seconds initial delay
+    maxDelay: 3600000, // 1 hour maximum delay
+    shouldPreventApiCall(): boolean {
+        if (this.isOpen) {
+            const now = Date.now();
+            const timeSinceLastFailure = now - this.lastFailureTime;
+            const currentBackoff = Math.min(this.baseDelay * Math.pow(2, this.failureCount - 1), this.maxDelay);
+            if (timeSinceLastFailure > currentBackoff) {
+                // Allow one test request
+                return false;
+            }
+            return true;
+        }
+        return false;
+    },
+    recordSuccess(): void {
+        if (this.failureCount > 0) {
+            console.log('Error reporting API is back online');
+        }
+        this.failureCount = 0;
+        this.isOpen = false;
+    },
+    recordFailure(): void {
+        const now = Date.now();
+        this.failureCount++;
+        this.lastFailureTime = now;
+        if (this.failureCount >= this.failureThreshold) {
+            this.isOpen = true;
+            const backoffTime = Math.min(this.baseDelay * Math.pow(2, this.failureCount - 1), this.maxDelay);
+            console.log(`Circuit opened after ${this.failureCount} failures. Will retry in ${backoffTime / 1000}s`);
+        }
+    },
+};
+
+// Flag to prevent recursive error reporting
+let isReportingError = false;
+// Count nested error reporting attempts to detect potential infinite loops
+let nestedReportCount = 0;
+const MAX_NESTED_REPORTS = 3;
 
 // Wrap fetch in a safe function so it never throws
-export const safeReport = async (
-  error: Error,
-  options?: ReportOptions
-): Promise<void> => {
-  // Build normalized report
-  const report: ErrorReport = {
-    name: error.name,
-    message: error.message || String(error),
-    stack: error.stack || undefined,
-    cause: error.cause ? String(error.cause) : undefined,
-    timestamp: new Date().toISOString(),
-    platform: Platform.OS,
-    options,
-  };
 
-  try {
-    const response = await fetch(ERROR_REPORTING_ENDPOINT, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(report),
-    });
+export const safeReport = async (error: Error, options?: ReportOptions): Promise<void> => {
+    // Prevent recursive error reporting
+    if (isReportingError) {
+        nestedReportCount++;
+        console.log(`Already reporting an error, skipping to prevent recursion (depth: ${nestedReportCount})`);
 
-    if (!response.ok) {
-      console.error(
-        "Failed to send error report:",
-        `Status: ${response.status}`,
-        `StatusText: ${response.statusText}`,
-        response,
-        report
-      );
+        // If we detect too many nested error reports, something is wrong
+        if (nestedReportCount >= MAX_NESTED_REPORTS) {
+            console.log('Too many nested error reports - likely an infinite loop. Breaking the cycle.');
+            return;
+        }
+        return;
+    }
+    // Check if circuit breaker is open
+    if (circuitBreaker.shouldPreventApiCall()) {
+        console.log('Error reporting circuit is open, skipping API call');
+        return;
+    }
+
+    // Build normalized report
+    const report: ErrorReport = {
+        name: error.name,
+        message: error.message || String(error),
+        stack: error.stack || undefined,
+        cause: error.cause ? String(error.cause) : undefined,
+        timestamp: new Date().toISOString(),
+        platform: Platform.OS,
+        options,
+    };
+
+    try {
+        isReportingError = true;
+        const response = await fetch(ERROR_REPORTING_ENDPOINT, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(report),
+        });
+
+        if (!response.ok) {
+            // Use console.log to avoid triggering global error handler
+            console.log('Failed to send error report:', `Status: ${response.status}`, `StatusText: ${response.statusText}`, response, report);
+            circuitBreaker.recordFailure();
+        } else {
+            circuitBreaker.recordSuccess();
+        }
+    } catch (e) {
+        // Use console.log to avoid triggering global error handler
+        console.log('Error sending error report (swallowed):', e);
+        circuitBreaker.recordFailure();
+    } finally {
+        isReportingError = false;
+        nestedReportCount = 0; // Reset the nested count when we're done
     }
-  } catch (e) {
-    console.error("Error sending error report (swallowed):", e);
-  }
 };
 
 // Original API for backward compatibility
-export const reportError = (
-  maybeError: unknown,
-  options?: ReportOptions
-): void => {
-  const error =
-    maybeError instanceof Error
-      ? maybeError
-      : new Error(
-          typeof maybeError === "string"
-            ? maybeError
-            : JSON.stringify(maybeError) || "Unknown non-Error thrown"
-        );
-  // Fire-and-forget
-  void safeReport(error, options);
+
+export const reportError = (maybeError: unknown, options?: ReportOptions): void => {
+    const error = maybeError instanceof Error ? maybeError : new Error(typeof maybeError === 'string' ? maybeError : JSON.stringify(maybeError) || 'Unknown non-Error thrown');
+    // Fire-and-forget
+    void safeReport(error, options);
 };

From 5f80e022eec7d2d756c3781bfe0ff64217bf98bf Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:02:33 -0500
Subject: [PATCH 12/13] Added always print error to console.

---
 utils/globalErrorhandler.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/utils/globalErrorhandler.ts b/utils/globalErrorhandler.ts
index f35e269..fcd2617 100644
--- a/utils/globalErrorhandler.ts
+++ b/utils/globalErrorhandler.ts
@@ -5,6 +5,8 @@ import { notifyError } from '@/services/notifier.service';
 // JavaScript Error Handler
 export const setupGlobalErrorHandlers = () => {
     setJSExceptionHandler((error, isFatal) => {
+        // Always print error to console for debugging
+        console.error('Global JS Exception:', error, 'isFatal:', isFatal);
         // Report the error using your actual reportError function
         reportError(error, { isFatal });
 
@@ -15,6 +17,8 @@ export const setupGlobalErrorHandlers = () => {
     // Native Exception Handler
     setNativeExceptionHandler(
         (exceptionString) => {
+            // Always print native exception to console
+            console.error('Global Native Exception:', exceptionString);
             // This is called when native code throws an exception
             const error = new Error(`Native Exception: ${exceptionString}`);
             reportError(error, { isFatal: true });

From eea54719cf5c5784386583517f0ad7115eabd5ed Mon Sep 17 00:00:00 2001
From: digitalnomad91 <andrew.c.corbin@gmail.com>
Date: Tue, 2 Sep 2025 21:02:53 -0500
Subject: [PATCH 13/13] Updated background fetch task to proper jobs fetch API
 backend url.

---
 utils/tasks.utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/utils/tasks.utils.ts b/utils/tasks.utils.ts
index 0e077d4..0553346 100644
--- a/utils/tasks.utils.ts
+++ b/utils/tasks.utils.ts
@@ -8,7 +8,7 @@ TaskManager.defineTask(BACKGROUND_FETCH_TASK, async () => {
     try {
         console.log('----------------------- Background fetch task started ---------------------');
         // Perform your API request
-        const response = await fetch('https://new.codebuilder.org/api/jobs');
+        const response = await fetch('https://api.codebuilder.org/jobs/fetch');
         const contentType = response.headers.get('content-type') || '';
 
         if (!response.ok) {