< Summary

Information

Class:	breadcrumb.tsx
Assembly:	app.components
File(s):	/home/runner/work/ClutterStock/ClutterStock/frontend/app/components/breadcrumb.tsx
Tag:	58_25416222083

Line coverage

Branch coverage

N/A

Method coverage

Feature is only available for sponsors

Metrics

#	Line	Line coverage
	`1`	`import { Link } from "react-router";`
	`2`
	`3`	`type Crumb = { label: string; to?: string };`
	`4`
0	`5`	`export function Breadcrumb({ crumbs }: { crumbs: Crumb[] }) {`
0	`6`	`return (`
	`7`	`<nav style={{ display: "flex", alignItems: "center", gap: 6, marginBottom: 20, fontSize: 13 }}>`
0	`8`	`{crumbs.map((crumb, i) => (`
0	`9`	`<span key={i} style={{ display: "flex", alignItems: "center", gap: 6 }}>`
	`10`	`{i > 0 && <span style={{ color: "var(--c-fg-3)" }}>/</span>}`
	`11`	`{crumb.to ? (`
	`12`	`<Link to={crumb.to} style={{ color: "var(--c-fg-2)", textDecoration: "none" }}`
0	`13`	`onMouseEnter={(e) => (e.currentTarget.style.color = "var(--c-accent)")}`
0	`14`	`onMouseLeave={(e) => (e.currentTarget.style.color = "var(--c-fg-2)")}>`
	`15`	`{crumb.label}`
	`16`	`</Link>`
	`17`	`) : (`
	`18`	`<span style={{ color: "var(--c-fg)", fontWeight: 500 }}>{crumb.label}</span>`
	`19`	`)}`
	`20`	`</span>`
	`21`	`))}`
	`22`	`</nav>`
	`23`	`);`
	`24`	`}`