All files / src/pages/main-page NavBar.tsx

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
 
 
 
 
 
 
 
33x
30x
30x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Button } from "@/ahuora-design-system/ui/button";
import { Separator } from "@/ahuora-design-system/ui/separator";
import { CircleUser } from "lucide-react";
import { useNavigate } from "react-router-dom";
import logoUrl from "/assets/Icons/alogo.png";
import { AhuoraLogo } from "@/ahuora-design-system/componentIcons/AhuoraLogo";
 
const NavBar = () => {
  const nav = useNavigate();
  return (
    <nav className="absolute left-2 top-2 h-[44px] flex flex-row justify-between items-center p-3">
      <div className="flex flex-row items-center ">
        <Button
          onClick={() => {
            nav("/");
          }}
          size="icon"
          variant="ghost"
          className="shadow-none"
        >
          <AhuoraLogo />
        </Button>
        <p className="font-medium text-sm ">Ahuora</p>
      </div>
    </nav>
  );
};
 
export default NavBar;