managment screen upadte

src/navigation/BottomTabs.tsx

@@ -7,6 +7,7 @@ import Profile from "../screens/profile/Profile";
 import Home from "../screens/home/Home";
 import colors from "../components/colors";
 import Setting from "../screens/setting/Setting";
+import ManagementScreen from "../screens/management/ManagementScreen";
 
 const Tab = createBottomTabNavigator();
 
@@ -23,7 +24,7 @@ const activeTabColors: { [key: string]: string } = {
   Home: colors.pastelPink,     // Soft pink
   Profile: colors.pastelBlue,  // Light sky blue
   Group: colors.pastelGreen,    // Gentle mint green
-  Settings: colors.pastelOrange, // Warm pastel yellow
+  Management: colors.pastelOrange, // Warm pastel yellow
 };
 
 // Icon/Text colors on active tabs
@@ -31,7 +32,7 @@ const activeIconColors: { [key: string]: string } = {
     Home: "#333",
     Profile: "#333",
     Group: "#333",
-    Settings: "#333",
+    Management: "#333",
 }
 
 
@@ -65,7 +66,7 @@ export default function BottomTabs() {
           // Determine icon based on route
           if (route.name === "Home") iconName = focused ? "home" : "home-outline";
           else if (route.name === "Profile") iconName = focused ? "person" : "person-outline";
-          else if (route.name === "Settings") iconName = focused ? "settings" : "settings-outline";
+          else if (route.name === "Management") iconName = focused ? "settings" : "settings-outline";
           else if (route.name === "Group") iconName = focused ? "people" : "people-outline";
 
           // 3. Get the active background color and icon color from the maps
@@ -83,11 +84,11 @@ export default function BottomTabs() {
                 ],
               ]}
             >
-              <Ionicons
+              (route.name === "Management"{<Ionicons
                 name={iconName}
                 size={TAB_CONFIG.iconSize}
                 color={focused ? activeIconColor : TAB_CONFIG.inactiveColor}
-              />
+              />}:null)
             </View>
           );
         },
@@ -96,7 +97,7 @@ export default function BottomTabs() {
       <Tab.Screen name="Home" component={Home} />
       <Tab.Screen name="Profile" component={Profile} />
       <Tab.Screen name="Group" component={GroupScreen} />
-      <Tab.Screen name="Settings" component={Setting} />
+      <Tab.Screen name="Management" component={ManagementScreen} />
     </Tab.Navigator>
   );
 }