Janady13/thatdeveloperguy-website / app/components/content/Breadcrumbs.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/thatdeveloperguy-website / app/components/content/Breadcrumbs.tsx
Date	Not specified in source
Repository	Janady13/thatdeveloperguy-website
Revision	2bea2ebdff0e34494bff597d4fa9c8422a0c3a94
Branch	main
Path or archive member	app/components/content/Breadcrumbs.tsx
Original SHA-256	f3308faa2e6365a9db128a55860f3b173bb3fe1658864aa15cd4c2b26059c3d0
Git blob SHA	3ee8bcc054e79cb51bdb5eaf62c510dc0d23bd37
Reading-copy SHA-256	f3308faa2e6365a9db128a55860f3b173bb3fe1658864aa15cd4c2b26059c3d0

Original source ↗

Recovered source transcript

Download complete source text ↓11 lines · 0.5 KB

import { Link } from 'react-router';
import type { CompiledPage } from '../../../src/contracts/page';
export function Breadcrumbs({ page }: { page: CompiledPage }) {
  if (page.breadcrumbs.length < 2) return null;
  return (
    <nav aria-label="Breadcrumb" className="breadcrumbs">
      <ol>{page.breadcrumbs.map((crumb, i) => <li key={crumb.path}>{i === page.breadcrumbs.length - 1 ? <span aria-current="page">{crumb.name}</span> : <Link to={crumb.path}>{crumb.name}</Link>}</li>)}</ol>
    </nav>
  );
}