feat: add package icon as favicon and in top bar title
All checks were successful
CI / ci (push) Successful in 12s

Add Lucide package icon as SVG favicon (white stroke) and display it
next to the GearBox title in the TotalsBar.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-15 22:57:43 +01:00
parent 9bcdcc7168
commit 5938a686c7
3 changed files with 12 additions and 2 deletions

View File

@@ -1,6 +1,7 @@
import { Link } from "@tanstack/react-router";
import { useTotals } from "../hooks/useTotals";
import { formatPrice, formatWeight } from "../lib/formatters";
import { LucideIcon } from "../lib/iconData";
interface TotalsBarProps {
title?: string;
@@ -30,15 +31,22 @@ export function TotalsBar({
{ label: "spent", value: formatPrice(null) },
]);
const titleContent = (
<span className="flex items-center gap-2">
<LucideIcon name="package" size={20} className="text-gray-500" />
{title}
</span>
);
const titleElement = linkTo ? (
<Link
to={linkTo}
className="text-lg font-semibold text-gray-900 hover:text-gray-600 transition-colors"
>
{title}
{titleContent}
</Link>
) : (
<h1 className="text-lg font-semibold text-gray-900">{title}</h1>
<h1 className="text-lg font-semibold text-gray-900">{titleContent}</h1>
);
// If stats prop is explicitly an empty array, show title only (dashboard mode)