update nav bar with friends

394-w25 · Jan 14, 2025 · d30b32d · d30b32d
1 parent 47a0639
commit d30b32d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/NavigationBar/NavigationBar.jsx b/src/components/NavigationBar/NavigationBar.jsx
@@ -2,15 +2,17 @@ import React from 'react';
 import { BottomNavigation, BottomNavigationAction } from "@mui/material";
 import AccountCircleIcon from "@mui/icons-material/AccountCircle";
 import RestoreIcon from '@mui/icons-material/Restore';
-import PublishIcon from '@mui/icons-material/Publish';
+import RateReviewIcon from '@mui/icons-material/RateReview';
+import PersonSearchIcon from '@mui/icons-material/PersonSearch';
 import { Link } from "react-router-dom";
 import "./NavigationBar.css";
 
 function NavigationBar() {
     return (
         <BottomNavigation className="nav-bar" showLabels>
-        <BottomNavigationAction label="Recents" icon={<RestoreIcon />} component={Link} to="/feed" />
-        <BottomNavigationAction label="Post" icon={<PublishIcon />} component={Link} to="/submission" />
+        <BottomNavigationAction label="Feed" icon={<RestoreIcon />} component={Link} to="/feed" />
+        <BottomNavigationAction label="Friends" icon={<PersonSearchIcon />} component={Link} to="/searchfriends" />
+        <BottomNavigationAction label="Post" icon={<RateReviewIcon />} component={Link} to="/submission" />
         <BottomNavigationAction label="My Account" icon={<AccountCircleIcon />} component={Link} to="/account" />
         </BottomNavigation>
       );