Blame · layout.tsx

4dfd09b	1	"use client";
4dfd09b	2
4dfd09b	3	import { useParams, usePathname } from "next/navigation";
4dfd09b	4	import { FileTreeSidebar } from "@/app/components/file-tree-sidebar";
4dfd09b	5
4dfd09b	6	export default function RepoLayout({
4dfd09b	7	children,
4dfd09b	8	}: {
4dfd09b	9	children: React.ReactNode;
4dfd09b	10	}) {
4dfd09b	11	const { owner, repo } = useParams<{ owner: string; repo: string }>();
4dfd09b	12	const pathname = usePathname();
4dfd09b	13
4dfd09b	14	const prefix = `/${owner}/${repo}/`;
4dfd09b	15	const rest = pathname?.startsWith(prefix) ? pathname.slice(prefix.length) : "";
4dfd09b	16	const isCodeBrowsing = rest.startsWith("blob/") \|\| rest.startsWith("tree/");
4dfd09b	17
4dfd09b	18	// Extract ref from URL (e.g., blob/main/... or tree/main/...)
4dfd09b	19	const refMatch = rest.match(/^(?:blob\|tree)\/([^/]+)/);
4dfd09b	20	const ref = refMatch?.[1] ?? "main";
4dfd09b	21
4dfd09b	22	if (!isCodeBrowsing) {
4dfd09b	23	return <>{children}</>;
4dfd09b	24	}
4dfd09b	25
4dfd09b	26	return (
4dfd09b	27	<div className="flex">
4dfd09b	28	<FileTreeSidebar owner={owner} repo={repo} refName={ref} />
4dfd09b	29	<div className="flex-1 min-w-0 flex justify-center">
4dfd09b	30	<div className="w-full max-w-4xl">
4dfd09b	31	{children}
4dfd09b	32	</div>
4dfd09b	33	</div>
4dfd09b	34	</div>
4dfd09b	35	);
4dfd09b	36	}