chore(frontend): update logo source and add mascot to sidebar

Update the favicon and sidebar logo to use remote URLs from the GitHub repository. Add a mascot image to the sidebar that is only visible when the sidebar is expanded.
2026-06-03 13:50:08 +07:00
parent b08ed237c6
commit 2ea0ea5810
2 changed files with 12 additions and 3 deletions
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GMW — Discord Moderation Watcher</title>
-    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+    <link rel="icon" type="image/svg+xml" href="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/docs/logo.svg" />
  </head>
  <body>
    <div id="root"></div>
@@ -35,10 +35,19 @@ export function Sidebar({
      <div
        className={cn(
          "flex items-center py-5",
-          collapsed ? "justify-center" : "px-4",
+          collapsed ? "justify-center" : "flex-col px-4",
        )}
      >
-        <img src="/logo.svg" alt="GMW" className="h-8 w-8 rounded-xl" />
+        <img src="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/docs/logo.svg" alt="GMW" className="h-8 w-8 rounded-xl" />
+
+        {/* Mascot image — only when expanded */}
+        {!collapsed && (
+          <img
+            src="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/apps/dimentorin/public/image/mascot-1.png"
+            alt="Mascot"
+            className="mt-4 h-auto w-[140px] object-contain drop-shadow-md"
+          />
+        )}
      </div>

      {/* Navigation items */}