Change Home and Profile icons

client/app/navigation/AppNavigator.tsx

@@ -1,14 +1,16 @@
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import {StyleSheet, Text, View} from 'react-native';
 import * as React from "react";
 
 import { LocationProvider } from "../contexts/LocationContext";
 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 @@
           <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>

server/src/index.ts

@@ -63,11 +63,6 @@ io.on("connection", async (socket: any) => {
   const defaultConnectedUser: ConnectedUser = {
     uid: "UID",
     socketId: socket.id,
-    displayName: "DISPLAY NAME",
-    userIcon: {
-      foregroundImage: "FOREGROUND IMG",
-      backgroundImage: "BACKGROUND IMG",
-    },
     location: {
       lat: 9999,
       lon: 9999,

server/src/routes/user/create.ts

@@ -9,11 +9,6 @@ createUserRoute.post("/users", async (req, res) => {
     status = await createUser({
       uid: req.body.uid,
       socketId: req.body.socketId,
-      displayName: req.body.displayName,
-      userIcon: {
-        foregroundImage: req.body.userIcon.foregroundImage,
-        backgroundImage: req.body.userIcon.backgroundImage,
-      },
       location: {
         lat: Number(req.body.location.lat),
         lon: Number(req.body.location.lon),

server/src/routes/user/delete.ts

@@ -3,7 +3,7 @@ import { deleteConnectedUserByUID } from "../../actions/deleteConnectedUser";
 
 const deleteUserRoute = Router();
 
-deleteUserRoute.post("/users", async (req, res) => {
+deleteUserRoute.delete("/users", async (req, res) => {
   const userId = req.query.userId;
   if (typeof userId != "string") {
     console.error(

server/src/types/User.ts

@@ -11,19 +11,19 @@ export interface UserConfig {
     isPermaBanned: boolean
     reason: string
   }
+  displayName: string
+  userIcon?: {
+        foregroundImage: string
+        backgroundImage: string
+  }
 }
 
 export interface ConnectedUser {
     uid: string
     socketId: string
-    displayName: string
-    userIcon?: {
-        foregroundImage: string
-        backgroundImage: string
-    }
     location: {
         lat: number
         lon: number
         geohash: string
-    }
+    },
 }