45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import { createContext, useCallback, useContext, useEffect, useState, type ReactNode } from "react";
|
|
import { VOCAB } from "@paperclipai/branding"; // [nexus]
|
|
|
|
export interface Breadcrumb {
|
|
label: string;
|
|
href?: string;
|
|
}
|
|
|
|
interface BreadcrumbContextValue {
|
|
breadcrumbs: Breadcrumb[];
|
|
setBreadcrumbs: (crumbs: Breadcrumb[]) => void;
|
|
}
|
|
|
|
const BreadcrumbContext = createContext<BreadcrumbContextValue | null>(null);
|
|
|
|
export function BreadcrumbProvider({ children }: { children: ReactNode }) {
|
|
const [breadcrumbs, setBreadcrumbsState] = useState<Breadcrumb[]>([]);
|
|
|
|
const setBreadcrumbs = useCallback((crumbs: Breadcrumb[]) => {
|
|
setBreadcrumbsState(crumbs);
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
if (breadcrumbs.length === 0) {
|
|
document.title = VOCAB.appName; // [nexus]
|
|
} else {
|
|
const parts = [...breadcrumbs].reverse().map((b) => b.label);
|
|
document.title = `${parts.join(" · ")} · ${VOCAB.appName}`; // [nexus]
|
|
}
|
|
}, [breadcrumbs]);
|
|
|
|
return (
|
|
<BreadcrumbContext.Provider value={{ breadcrumbs, setBreadcrumbs }}>
|
|
{children}
|
|
</BreadcrumbContext.Provider>
|
|
);
|
|
}
|
|
|
|
export function useBreadcrumbs() {
|
|
const ctx = useContext(BreadcrumbContext);
|
|
if (!ctx) {
|
|
throw new Error("useBreadcrumbs must be used within BreadcrumbProvider");
|
|
}
|
|
return ctx;
|
|
}
|