Move SVR.JS logo into a React component #6
2 changed files with 4 additions and 2 deletions
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue