Bottombar.jsx 673 Bytes
import { NavLink } from "react-router-dom";
// sytles
import "../styles/bar.scss";
import { FaKiwiBird } from "react-icons/fa";
import { GiNestBirds } from "react-icons/gi";
import { SiThunderbird } from "react-icons/si";

function Bottombar() {
  return (
    <div className="bottombar">
      <NavLink to="/tell" className="bottomBtn">
        <FaKiwiBird />
      </NavLink>
      <NavLink to="/users" className="bottomBtn">
        <GiNestBirds />
      </NavLink>
      <NavLink to="/message" className="bottomBtn">
        <SiThunderbird />
      </NavLink>
    </div>
  );
}

// TODO: message route should be used with another server port

export default Bottombar;