Added logo modified site-name

This commit is contained in:
cdricms
2025-02-26 17:15:05 +01:00
parent 667cbcc6b1
commit 5ef6b82b83
8 changed files with 1065 additions and 50 deletions

View File

@@ -17,6 +17,8 @@ import { deleteCookie, getCookie } from "cookies-next";
import { useEffect, useState } from "react";
import { ThemeSwitcher } from "./theme-switcher";
import "./nav-bar.css";
import Logo from "./logo";
import { SITE_NAME } from "@/lib/constants";
const Href: React.FC<React.PropsWithChildren<{ href: string }>> = ({
href,
@@ -50,13 +52,9 @@ const Navbar = () => {
<nav className="hidden justify-between lg:flex">
<div className="flex items-center gap-6">
<div className="flex items-center gap-2">
<img
src="https://shadcnblocks.com/images/block/block-1.svg"
className="w-8"
alt="logo"
/>
<Logo className="w-8 h-8" />
<span className="text-xl font-bold">
Latosa-Escrima
{SITE_NAME}
</span>
</div>
<div className="flex items-center">
@@ -96,7 +94,7 @@ const Navbar = () => {
Se connecter
</Link>
)}
{cookie ? (
{cookie && (
<Button
onClick={() => {
deleteCookie("auth_token");
@@ -105,21 +103,15 @@ const Navbar = () => {
>
Se déconnecter
</Button>
) : (
<Button>Créer un compte</Button>
)}
</div>
</nav>
<div className="block lg:hidden">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
<img
src="https://shadcnblocks.com/images/block/block-1.svg"
className="w-8"
alt="logo"
/>
<Logo className="w-8 h-8" />
<span className="text-xl font-bold">
Latosa-Escrima
{SITE_NAME}
</span>
</div>
<div className="flex gap-2">
@@ -134,13 +126,9 @@ const Navbar = () => {
<SheetHeader>
<SheetTitle>
<div className="flex items-center gap-2">
<img
src="https://shadcnblocks.com/images/block/block-1.svg"
className="w-8"
alt="logo"
/>
<Logo className="w-8 h-8" />
<span className="text-xl font-bold">
Latosa-Escrima
{SITE_NAME}
</span>
</div>
</SheetTitle>
@@ -171,7 +159,7 @@ const Navbar = () => {
Gallerie
</Link>
<Link
href="/blog"
href="/blogs"
className="font-semibold"
>
Blog
@@ -252,7 +240,6 @@ const Navbar = () => {
Se connecter
</Link>
</Button>
<Button>Sign up</Button>
</div>
</div>
</SheetContent>