UPDATE: Add new logo

src/app/layout.tsx

@@ -24,8 +24,14 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Firefly SrTools",
   description: "SrTools by Kain",
+  icons: {
+    icon: "/ff-srtool.png",
+    shortcut: "/ff-srtool.ico",
+    apple: "/ff-srtool.png",
+  },
 };
 
+
 export default async function RootLayout({
   children,
 }: Readonly<{

src/app/page.tsx

@@ -1,10 +1,7 @@
 "use client"
 import AvatarInfo from "@/components/avatarInfo";
 
-import { useRouter } from "next/navigation";
-
 export default function Home() {
-    const router = useRouter()
     return (
       <div className="w-full">
         <AvatarInfo></AvatarInfo>

src/components/header/index.tsx

@@ -18,6 +18,7 @@ import { micsSchema } from "@/zod";
 import useConnectStore from "@/stores/connectStore";
 import useGlobalStore from "@/stores/globalStore";
 import MonsterBar from "../monsterBar";
+import Image from "next/image";
 
 const themes = [
     { label: "Winter" },
@@ -262,14 +263,19 @@ export default function Header() {
 
                 {/* Logo */}
 
-                <a className="hidden sm:grid sm:grid-cols-1 items-start text-left gap-0 hover:scale-105 px-2">
-                    <h1 className="text-xl font-bold">
-                        <span className="text-emerald-500">Firefly Sr</span>
-                        <span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500">
-                            Tools
-                        </span>
-                    </h1>
-                    <p className="text-sm text-gray-500">By Kain</p>
+                <a className="hidden sm:grid sm:grid-cols-1 items-start justify-items-center text-left gap-0 hover:scale-105 px-2">
+                    <div className="flex items-center justify-center">
+                        <Image src="/ff-srtool.png" alt="Logo" width={50} height={50} />
+                        <div className="flex flex-col justify-center items-start">
+                            <h1 className="text-xl font-bold">
+                                <span className="text-emerald-500">Firefly Sr</span>
+                                <span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500">
+                                    Tools
+                                </span>
+                            </h1>
+                            <p className="text-sm text-gray-500">By Kain</p>
+                        </div>
+                    </div>
                 </a>
 
             </div>

src/components/monsterBar/ce.tsx

@@ -318,13 +318,15 @@ export default function CeBar() {
                                                             }}
                                                         >
                                                             <div className="relative w-8 h-8 rounded-full overflow-hidden flex-shrink-0 border border-white/10 shadow-sm">
-                                                                <Image
-                                                                    src={`https://api.hakush.in/hsr/UI/monstermiddleicon/${listMonster.find((monster2) => monster2.child.includes(Number(monster.id)))?.icon?.split("/")?.pop()?.replace(".png", "")}.webp`}
-                                                                    alt="Enemy Icon"
-                                                                    width={376}
-                                                                    height={512}
-                                                                    className="w-full h-full object-cover"
-                                                                />
+                                                                {listMonster.find((monster2) => monster2.child.includes(Number(monster.id)))?.icon?.split("/")?.pop()?.replace(".png", "") && (
+                                                                    <Image
+                                                                        src={`https://api.hakush.in/hsr/UI/monstermiddleicon/${listMonster.find((monster2) => monster2.child.includes(Number(monster.id)))?.icon?.split("/")?.pop()?.replace(".png", "")}.webp`}
+                                                                        alt="Enemy Icon"
+                                                                        width={376}
+                                                                        height={512}
+                                                                        className="w-full h-full object-cover"
+                                                                    />
+                                                                )}
                                                             </div>
                                                             <span className="">{getLocaleName(locale, monster)} {`(${monster.id})`}</span>
                                                         </div>

src/lib/api/api.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import { AffixDetail, ASDetail, CharacterDetail, ConfigMaze, FreeSRJson, LightConeDetail, MocDetail, PFDetail, PSResponse, RelicDetail } from "@/types";
 import axios from 'axios';
@@ -26,6 +27,7 @@ export async function getConfigMazeApi(): Promise<ConfigMaze> {
             MOC: {},
             AS: {},
             PF: {},
+            Stage: {},
         };
     }
 }