diff --git a/src/app/zxdb/components/ZxdbBreadcrumbs.tsx b/src/app/zxdb/components/ZxdbBreadcrumbs.tsx new file mode 100644 index 0000000..bbc1ba4 --- /dev/null +++ b/src/app/zxdb/components/ZxdbBreadcrumbs.tsx @@ -0,0 +1,27 @@ +import Link from "next/link"; + +type Crumb = { + label: string; + href?: string; +}; + +export default function ZxdbBreadcrumbs({ items }: { items: Crumb[] }) { + if (items.length === 0) return null; + + const lastIndex = items.length - 1; + + return ( + + ); +} diff --git a/src/app/zxdb/entries/EntriesExplorer.tsx b/src/app/zxdb/entries/EntriesExplorer.tsx index 50a5ead..1ccebaa 100644 --- a/src/app/zxdb/entries/EntriesExplorer.tsx +++ b/src/app/zxdb/entries/EntriesExplorer.tsx @@ -4,6 +4,7 @@ import { useEffect, useMemo, useState } from "react"; import Link from "next/link"; import EntryLink from "../components/EntryLink"; import { usePathname, useRouter } from "next/navigation"; +import ZxdbBreadcrumbs from "@/app/zxdb/components/ZxdbBreadcrumbs"; type Item = { id: number; @@ -178,6 +179,13 @@ export default function EntriesExplorer({ return (