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 { AdminLinks } from "@/constants";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { Menu } from "lucide-react"; import { Menu } from "lucide-react";
import Logo from "@/components/shared/Logo";
const MobileNav = () => { const MobileNav = () => {
const pathname = usePathname(); const pathname = usePathname();
return ( return (
<header className="header"> <header className="header">
<Link href="/" className="flex items-center gap-2 md:py-2"> <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> </Link>
<nav className="flex gap-2"> <nav className="flex gap-2">

View file

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