From 65c86d643d71cdd338210c05bc0965e806ae4e74 Mon Sep 17 00:00:00 2001
From: eris6 <100718025+eris6@users.noreply.github.com>
Date: Fri, 20 Sep 2024 05:48:44 -0400
Subject: [PATCH] Change Home and Profile icons (#289)

* Modify Backend User Types

Move displayName and userIcon from ConnectedUser to UserConfig in User.ts

* Changed User Back End Types

* changed rest API DELETE function to use DELETE method

* Change home and profile icons, make text bigger

* fixed whitespacing

---------

Co-authored-by: h1divp <71522316+h1divp@users.noreply.github.com>
---
 client/app/navigation/AppNavigator.tsx | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/client/app/navigation/AppNavigator.tsx b/client/app/navigation/AppNavigator.tsx
index fe52e176c..085e6c3da 100644
--- a/client/app/navigation/AppNavigator.tsx
+++ b/client/app/navigation/AppNavigator.tsx
@@ -1,4 +1,5 @@
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import {StyleSheet, Text, View} from 'react-native';
 import * as React from "react";
 
 import { LocationProvider } from "../contexts/LocationContext";
@@ -6,9 +7,10 @@ import { SocketProvider } from "../contexts/SocketContext";
 import { UserProvider } from "../contexts/UserContext";
 import ChatScreen from "../screens/chat/ChatScreen";
 import SettingsScreen from "../screens/settings/SettingsScreen";
+import { Home } from "react-native-feather";
+import {User} from "react-native-feather";
 
 const Tab = createBottomTabNavigator();
-
 const AppNavigator = () => {
   return (
     <LocationProvider>
@@ -17,9 +19,24 @@ const AppNavigator = () => {
           <Tab.Navigator
             screenOptions={{
               headerShown: false,
+              tabBarLabelStyle: {
+                fontSize: 15,
+              }
             }}>
-            <Tab.Screen name="Home" component={ChatScreen} />
-            <Tab.Screen name="Profile" component={SettingsScreen} />
+            <Tab.Screen name="Home" component={ChatScreen} options={{
+              tabBarIcon:({ focused, color, size }) => {
+                return(<Home width = {size} stroke = {color}/>
+                )
+              }
+            }
+            }/>
+            <Tab.Screen name="Profile" component={SettingsScreen} options = {{
+              tabBarIcon:({ focused, color, size }) => {
+                return(<User width = {size} stroke = {color} />)
+              }
+            }
+            }
+            />
           </Tab.Navigator>
         </UserProvider>
       </SocketProvider>