v1.0.3: Remove Google Sign-in and add dynamic tab bar adjustment

Author: lekhanpro

SpendWise-v1.0.2.apk

@@ -2,7 +2,7 @@
   "expo": {
     "name": "SpendWise",
     "slug": "spendwise-native",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "scheme": "spendwise",

app.json

@@ -11,9 +11,11 @@ import {
     Platform,
     Alert,
     ActivityIndicator,
+    Image,
 } from 'react-native';
 import { Colors } from '../../constants/app';
 import { signIn, signUp, resetPassword } from '../../lib/auth';
+import FontAwesome from '@expo/vector-icons/FontAwesome';
 
 export default function LoginScreen() {
     const colorScheme = useColorScheme();
@@ -55,6 +57,8 @@ export default function LoginScreen() {
         }
     };
 
+
+
     const handleForgotPassword = async () => {
         if (!email) {
             Alert.alert('Error', 'Please enter your email address');
@@ -90,6 +94,8 @@ export default function LoginScreen() {
                         {isLogin ? 'Welcome Back' : 'Create Account'}
                     </Text>
 
+
+
                     <TextInput
                         style={[styles.input, { backgroundColor: theme.background, color: theme.text, borderColor: theme.border }]}
                         placeholder="Email"
@@ -193,6 +199,7 @@ const styles = StyleSheet.create({
         textAlign: 'center',
         marginBottom: 24,
     },
+
     input: {
         borderWidth: 1,
         borderRadius: 12,

app/(auth)/login.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import FontAwesome from '@expo/vector-icons/FontAwesome';
-import { Tabs } from 'expo-router';
+import { Tabs, useRouter } from 'expo-router';
+import { TouchableOpacity } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Colors } from '../../constants/app';
 
 function TabBarIcon(props: {
@@ -12,6 +14,14 @@ function TabBarIcon(props: {
 
 export default function TabLayout() {
   const theme = Colors.dark;
+  const router = useRouter();
+  const insets = useSafeAreaInsets();
+
+  // Calculate dynamic tab bar height based on safe area bottom inset
+  // If bottom inset is 0, device has navigation buttons (add more padding)
+  // If bottom inset > 0, device has gesture navigation (less padding needed)
+  const tabBarHeight = 60 + insets.bottom;
+  const tabBarPaddingBottom = insets.bottom > 0 ? insets.bottom : 16;
 
   return (
     <Tabs
@@ -22,8 +32,8 @@ export default function TabLayout() {
           backgroundColor: 'rgba(24, 24, 27, 0.95)',
           borderTopColor: '#27272a',
           borderTopWidth: 1,
-          height: 70,
-          paddingBottom: 16,
+          height: tabBarHeight,
+          paddingBottom: tabBarPaddingBottom,
           paddingTop: 10,
           position: 'absolute',
           elevation: 0,
@@ -43,6 +53,14 @@ export default function TabLayout() {
         headerTitleStyle: {
           fontWeight: '600',
         },
+        headerRight: () => (
+          <TouchableOpacity
+            onPress={() => router.push('/(tabs)/settings')}
+            style={{ marginRight: 16 }}
+          >
+            <FontAwesome name="cog" size={22} color={theme.textSecondary} />
+          </TouchableOpacity>
+        ),
       }}>
       <Tabs.Screen
         name="index"
@@ -59,10 +77,10 @@ export default function TabLayout() {
         }}
       />
       <Tabs.Screen
-        name="insights"
+        name="budget"
         options={{
-          title: 'AI Insights',
-          tabBarIcon: ({ color }) => <TabBarIcon name="magic" color={color} />,
+          title: 'Budget',
+          tabBarIcon: ({ color }) => <TabBarIcon name="pie-chart" color={color} />,
         }}
       />
       <Tabs.Screen
@@ -73,24 +91,25 @@ export default function TabLayout() {
         }}
       />
       <Tabs.Screen
-        name="budget"
+        name="goals"
         options={{
-          title: 'Budget',
-          tabBarIcon: ({ color }) => <TabBarIcon name="pie-chart" color={color} />,
+          title: 'Goals',
+          tabBarIcon: ({ color }) => <TabBarIcon name="bullseye" color={color} />,
         }}
       />
+      {/* Hidden tabs - accessible from Settings */}
       <Tabs.Screen
-        name="goals"
+        name="insights"
         options={{
-          title: 'Goals',
-          tabBarIcon: ({ color }) => <TabBarIcon name="bullseye" color={color} />,
+          href: null, // Hide from tab bar
+          title: 'AI Insights',
         }}
       />
       <Tabs.Screen
         name="settings"
         options={{
+          href: null, // Hide from tab bar
           title: 'Settings',
-          tabBarIcon: ({ color }) => <TabBarIcon name="cog" color={color} />,
         }}
       />
     </Tabs>

app/(tabs)/_layout.tsx

@@ -1,8 +1,10 @@
 // Settings Screen with Notification Controls
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View, Text, ScrollView, useColorScheme, TouchableOpacity, Switch, Alert, Modal, Linking } from 'react-native';
+import { useRouter } from 'expo-router';
 import { useApp } from '../../context/AppContext';
 import { Colors, SUPPORTED_CURRENCIES } from '../../constants/app';
+import FontAwesome from '@expo/vector-icons/FontAwesome';
 import {
     requestNotificationPermission,
     scheduleDailyReminder,
@@ -14,6 +16,7 @@ import {
 export default function SettingsScreen() {
     const colorScheme = useColorScheme();
     const theme = Colors[colorScheme === 'dark' ? 'dark' : 'light'];
+    const router = useRouter();
     const { user, darkMode, setDarkMode, currency, setCurrency, handleLogout, resetData, transactions, budgets, goals } = useApp();
 
     const [currencyModalVisible, setCurrencyModalVisible] = useState(false);
@@ -137,6 +140,25 @@ export default function SettingsScreen() {
                     </View>
                 </View>
 
+                {/* Quick Access */}
+                <View style={[styles.section, { backgroundColor: theme.card }]}>
+                    <Text style={[styles.sectionTitle, { color: theme.text }]}>🚀 Quick Access</Text>
+
+                    <TouchableOpacity
+                        style={[styles.quickAccessButton, { backgroundColor: theme.primary + '15' }]}
+                        onPress={() => router.push('/(tabs)/insights')}
+                    >
+                        <View style={[styles.quickAccessIcon, { backgroundColor: theme.primary + '20' }]}>
+                            <FontAwesome name="magic" size={20} color={theme.primary} />
+                        </View>
+                        <View style={styles.quickAccessContent}>
+                            <Text style={[styles.quickAccessTitle, { color: theme.text }]}>AI Insights</Text>
+                            <Text style={[styles.quickAccessDesc, { color: theme.textSecondary }]}>Get personalized financial advice</Text>
+                        </View>
+                        <FontAwesome name="chevron-right" size={16} color={theme.textSecondary} />
+                    </TouchableOpacity>
+                </View>
+
                 {/* Notifications */}
                 <View style={[styles.section, { backgroundColor: theme.card }]}>
                     <Text style={[styles.sectionTitle, { color: theme.text }]}>🔔 Notifications</Text>
@@ -335,4 +357,9 @@ const styles = StyleSheet.create({
     checkmark: { fontSize: 18, color: '#10b981' },
     closeButton: { borderWidth: 1, borderRadius: 12, padding: 14, alignItems: 'center', marginTop: 12 },
     closeButtonText: { fontWeight: '500' },
+    quickAccessButton: { flexDirection: 'row', alignItems: 'center', padding: 16, borderRadius: 12, gap: 12 },
+    quickAccessIcon: { width: 44, height: 44, borderRadius: 12, justifyContent: 'center', alignItems: 'center' },
+    quickAccessContent: { flex: 1 },
+    quickAccessTitle: { fontSize: 16, fontWeight: '600' },
+    quickAccessDesc: { fontSize: 12, marginTop: 2 },
 });

app/(tabs)/settings.tsx

@@ -11,6 +11,8 @@ import {
 
 export { auth };
 
+
+
 export const signUp = async (email: string, password: string): Promise<User> => {
     const userCredential = await createUserWithEmailAndPassword(auth, email, password);
     await sendEmailVerification(userCredential.user);
@@ -22,10 +24,13 @@ export const signIn = async (email: string, password: string): Promise<User> =>
     return userCredential.user;
 };
 
+
+
 export const logout = async (): Promise<void> => {
     await signOut(auth);
 };
 
 export const resetPassword = async (email: string): Promise<void> => {
     await sendPasswordResetEmail(auth, email);
 };
+

lib/auth.ts

@@ -13,7 +13,9 @@
     "@react-native-async-storage/async-storage": "^1.24.0",
     "@react-navigation/native": "^7.1.8",
     "expo": "~54.0.27",
+    "expo-auth-session": "^7.0.10",
     "expo-constants": "~18.0.11",
+    "expo-crypto": "^15.0.8",
     "expo-font": "~14.0.10",
     "expo-linking": "~8.0.10",
     "expo-notifications": "^0.32.14",
@@ -39,4 +41,4 @@
     "typescript": "~5.9.2"
   },
   "private": true
-}
+}