feat: use app icon as sidebar logo

Replace the Sparkles icon gradient placeholder with the actual app
icon from assets/icons/icon.png. Import it as a Vite asset so it
works in both dev and production builds.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
David Kaya
2026-03-24 00:58:04 +01:00
co-authored by Copilot
parent ebf5923530
commit a79787735a
2 changed files with 6 additions and 4 deletions
+4
View File
@@ -0,0 +1,4 @@
declare module '*.png' {
const src: string;
export default src;
}
+2 -4
View File
@@ -1,4 +1,5 @@
import { useEffect, useMemo, useRef, useState } from 'react';
import appIconUrl from '../../../assets/icons/icon.png';
import {
AlertTriangle,
Archive,
@@ -20,7 +21,6 @@ import {
RefreshCw,
Search,
Settings,
Sparkles,
Users,
X,
type LucideIcon,
@@ -495,9 +495,7 @@ export function Sidebar({
{/* Header — extra top padding clears the title bar overlay zone */}
<div className="drag-region flex items-center justify-between border-b border-[var(--color-border)] px-4 pb-3 pt-3">
<div className="flex items-center gap-2.5">
<div className="relative flex size-8 items-center justify-center rounded-xl bg-gradient-to-br from-indigo-500 to-violet-600 text-[12px] font-bold text-white shadow-lg shadow-indigo-500/20">
<Sparkles className="size-4" />
</div>
<img alt="eryx" className="size-8 rounded-xl" src={appIconUrl} />
<div>
<span className="text-sm font-semibold text-zinc-100">eryx</span>
<span className="ml-1.5 rounded bg-zinc-800 px-1 py-0.5 text-[9px] font-medium text-zinc-500">