frontend-coding-test/commons/Nav.jsx at 52e516e27e49747947275e0354e4eff91ddd69a4 · datasketch/frontend-coding-test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
// import mui components
import { Avatar, IconButton } from "@mui/material";

//import icons
import { FaUsers } from "react-icons/fa";
import { IoMdNotifications } from "react-icons/io";

export const Nav = () => {
  return (
    <nav>
      <ul>
        <li>
          <IconButton>
            <FaUsers />
          </IconButton>
        </li>
        <li>
          <IconButton>
            <IoMdNotifications />
          </IconButton>
        </li>
        <li>
          <Avatar
            alt={""}
            src={"https://randomuser.me/api/portraits/lego/1.jpg"}
            sx={{ width: 35, height: 35 }}
            style={{ cursor: "pointer" }}
          />
        </li>
      </ul>
    </nav>
  );
};