feat(ui): basic styling done tab bar

Author: shanuvr

frontend/app/(tabs)/_layout.tsx

@@ -1,13 +1,26 @@
 import { Tabs } from 'expo-router';
+import {Home,Search,Ticket,User } from 'lucide-react-native'
 
 export default function TabLayout() {
   return (
-    <Tabs screenOptions={{ headerShown: false }}>
-      <Tabs.Screen name="home/index" options={{ title: 'Home' }} />
-      <Tabs.Screen name="search/index" options={{ title: 'Search' }} />
-      <Tabs.Screen name="events/index" options={{ title: 'Events' }} />
+    <Tabs 
+    screenOptions={{ 
+      headerShown: false,
+      tabBarShowLabel:false,
+      tabBarStyle:{
+        height:60,
+        paddingTop:6,
+        paddingBottom:6,
+      },
+      tabBarActiveTintColor:'#22c55e',
+      tabBarInactiveTintColor:'#9ca3af'
+       }}>
+      <Tabs.Screen name="home/index" options={{title: 'Home', tabBarIcon:({color,size})=>(<Home color={color} size={size} strokeWidth={1}/>)
+                                                 }} />
+      <Tabs.Screen name="search/index" options={{ title: 'Search',tabBarIcon:({color,size})=>(<Search color={color} size={size} strokeWidth={1} />) }} />
+      <Tabs.Screen name="events/index" options={{ title: 'Events',tabBarIcon:({color,size})=>(<Ticket color={color} size={size} strokeWidth={1}/>) }} />
       <Tabs.Screen name="events/[id]" options={{ href: null }} />
-      <Tabs.Screen name="profile/index" options={{ title: 'Profile' }} />
+      <Tabs.Screen name="profile/index" options={{ title: 'Profile', tabBarIcon:({color,size})=>(<User color={color} size={size} strokeWidth={1}/>) }} />
     </Tabs>
   );
 }

frontend/package.json

@@ -30,6 +30,7 @@
     "expo-symbols": "~1.0.8",
     "expo-system-ui": "~6.0.9",
     "expo-web-browser": "~15.0.10",
+    "lucide-react-native": "^0.562.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.5",

frontend/screens/auth/PhoneScreen.tsx

@@ -23,7 +23,13 @@ export default function PhoneScreen() {
           params: { phone: fullPhoneNumber },
         });
       }
-    } finally {
+    }catch(err:any){
+      const data  = err?.response?.data
+      if(data.next=="login"){
+        router.push("/(auth)/login")
+      }
+    }
+     finally {
       setLoading(false);
     }
   };

frontend/screens/auth/RegisterScreen.tsx

@@ -10,6 +10,7 @@ import {
 import { useState } from 'react';
 import { useRouter, useLocalSearchParams } from 'expo-router';
 import { registerUser } from '@/services/auth/otp.service';
+import { storeTokens } from '@/services/token/token.storage';
 
 const INTERESTS = [
   'Technology',
@@ -86,6 +87,7 @@ export default function RegisterScreen() {
 
       if (res?.success) {
         router.replace('/(tabs)/home');
+        storeTokens(res.accesstoken,res.refreshtoken)
       } else {
         Alert.alert('Registration failed', res?.message || 'Try again');
       }

frontend/screens/auth/loginScreen.tsx

@@ -9,6 +9,7 @@ import {
 import { useState } from 'react';
 import { useRouter } from 'expo-router';
 import { loginUser } from '@/services/auth/otp.service';
+import { storeTokens } from '@/services/token/token.storage';
 
 export default function LoginScreen() {
   const router = useRouter();
@@ -18,9 +19,13 @@ export default function LoginScreen() {
 
   async function handleLogin() {
     const res = await loginUser({ phoneNumber, password });
+    console.log(res);
+    
 
     if (res?.success) {
       router.replace('/(tabs)/home');
+      storeTokens(res.accesstoken,res.refreshtoken)
+    
     }
   }