From 8c6043f013e00716d767dec3e525b510a855bfc2 Mon Sep 17 00:00:00 2001 From: soyoka <55011525+soy0ka@users.noreply.github.com> Date: Sat, 19 Apr 2025 00:13:32 +0900 Subject: [PATCH] feat: add logo image instead of string logo --- components/Navbar.tsx | 30 +++++++++++++++++++----------- pages/_app.tsx | 20 ++++++++++---------- public/logo-transparent.png | Bin 0 -> 81919 bytes 3 files changed, 29 insertions(+), 21 deletions(-) create mode 100644 public/logo-transparent.png diff --git a/components/Navbar.tsx b/components/Navbar.tsx index a8c0431..c86d80d 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -1,14 +1,16 @@ /* eslint-disable jsx-a11y/click-events-have-key-events */ /* eslint-disable jsx-a11y/no-noninteractive-tabindex */ /* eslint-disable jsx-a11y/no-static-element-interactions */ -import { useEffect, useState } from 'react' -import Link from 'next/link' import dynamic from 'next/dynamic' +import Image from 'next/image' +import Link from 'next/link' import { useRouter } from 'next/router' +import Logo from 'public/logo-transparent.png' +import { useEffect, useState } from 'react' -import { redirectTo } from '@utils/Tools' -import Fetch from '@utils/Fetch' import { Nullable, User, UserCache } from '@types' +import Fetch from '@utils/Fetch' +import { redirectTo } from '@utils/Tools' const DiscordAvatar = dynamic(() => import('@components/DiscordAvatar')) @@ -60,13 +62,19 @@ const Navbar: React.FC = ({ token }) => { dev ? 'dark:text-koreanbots-blue ' : '' }logofont text-large whitespace-no-wrap mr-4 inline-block py-2 font-semibold uppercase leading-relaxed hover:text-gray-300 sm:text-2xl`} > - {dev ? ( - <> - DEVELOPERS - - ) : ( - 'KOREANLIST' - )} + {dev ? ( + <> + DEVELOPERS + + ) : ( + Koreanbots + )}