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 { 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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue