bottom tab modified

Navigations/AuctionBottomTab.js

@@ -13,31 +13,25 @@ export function AuctionBottomTab() {
     const navigation = useNavigation();
     return(
         <View style={styles.bottomBtn}>
-            <TouchableOpacity style={styles.barButtonView}
-             onPress={() => navigation.navigate("AuctionListScreen")}
-             >
-            <Ionicons name="cart" size={24} color={themeColors.PRIMARY_COLOR} />
-                <Text style={styles.iconText}>Buy</Text>
-            </TouchableOpacity>
 
             <TouchableOpacity style={styles.barButtonView}
                 onPress={() => navigation.navigate("UserBidScreen")}
             >
-            <MaterialIcons name="leaderboard" size={24} color={themeColors.PRIMARY_COLOR} />
+            <MaterialIcons name="leaderboard" size={24} color={themeColors.WHITE} />
                 <Text style={styles.iconText}>Bids</Text>
             </TouchableOpacity>
 
             <TouchableOpacity style={styles.barButtonView}
              onPress={() => navigation.navigate("UserAuctionScreen")}
             >
-            <MaterialIcons name="gavel" size={24} color={themeColors.PRIMARY_COLOR} />
+            <MaterialIcons name="gavel" size={24} color={themeColors.WHITE} />
                 <Text style={styles.iconText}>Auctions</Text>
             </TouchableOpacity>
 
             <TouchableOpacity style={styles.barButtonView}
              onPress={() => navigation.navigate("AuctionHomeScreen")}
             >
-            <MaterialIcons name="home" size={24} color={themeColors.PRIMARY_COLOR}  />
+            <MaterialIcons name="home" size={24} color={themeColors.WHITE}  />
                 <Text style={styles.iconText}>Home</Text>
             </TouchableOpacity>
         </View>
@@ -46,17 +40,17 @@ export function AuctionBottomTab() {
 
 const styles = StyleSheet.create({
   iconText: {
-    color: themeColors.PRIMARY_COLOR
+    color: themeColors.WHITE
   },
   bottomBtn:{
-      width:"100%",
     height:60,
     flexDirection:"row",
     justifyContent:"space-between",
-      padding:15,
-      backgroundColor:"white",
+    paddingHorizontal: 30,
+    backgroundColor:themeColors.BLACK,
+    borderTopRightRadius: 20,
+    borderTopLeftRadius: 20,
     alignItems:"center"
-
   },
   barButtonView:{
       marginTop:5,