Use Logo React component in the administration panel.

This commit is contained in:
Dorian Niemiec 2024-06-26 16:30:33 +02:00
parent 4e721beaf6
commit a8046d3fe8
2 changed files with 4 additions and 2 deletions

View file

@ -6,13 +6,14 @@ import Image from "next/image";
import { AdminLinks } from "@/constants";
import { usePathname } from "next/navigation";
import { Menu } from "lucide-react";
import Logo from "@/components/shared/Logo";
const MobileNav = () => {
const pathname = usePathname();
return (
<header className="header">
<Link href="/" className="flex items-center gap-2 md:py-2">
<Image src="/logo.svg" alt="" width={180} height={28} />
<Logo width={180} height={28} />
</Link>
<nav className="flex gap-2">

View file

@ -4,6 +4,7 @@ import Link from "next/link";
import Image from "next/image";
import { usePathname } from "next/navigation";
import { AdminLinks } from "@/constants";
import Logo from "@/components/shared/Logo";
const Sidebar = () => {
const pathname = usePathname();
@ -12,7 +13,7 @@ const Sidebar = () => {
<aside className="sidebar">
<div className="flex size-full flex-col gap-4">
<Link href="/" className="sidebar-logo">
<Image src="/logo.svg" alt="" width={180} height={28} />
<Logo width={180} height={28} />
</Link>
<nav className="sidebar-nav">