feat: add package icon as favicon and in top bar title
All checks were successful
CI / ci (push) Successful in 12s
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:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user