SurfSense/surfsense_web/app/dashboard/[search_space_id]/layout.tsx

// Server component
import type React from "react";
import { use } from "react";
import { DashboardClientLayout } from "./client-layout";

export default function DashboardLayout({
	params,
	children,
}: {
	params: Promise<{ search_space_id: string }>;
	children: React.ReactNode;
}) {
	// Use React.use to unwrap the params Promise
	const { search_space_id } = use(params);

	const customNavSecondary = [
		{
			title: `All Search Spaces`,
			url: `#`,
			icon: "Info",
		},
		{
			title: `All Search Spaces`,
			url: "/dashboard",
			icon: "Undo2",
		},
	];

	const customNavMain = [
		{
			title: "Researcher",
			url: `/dashboard/${search_space_id}/researcher`,
			icon: "SquareTerminal",
			items: [],
		},

		{
			title: "Documents",
			url: "#",
			icon: "FileStack",
			items: [
				{
					title: "Upload Documents",
					url: `/dashboard/${search_space_id}/documents/upload`,
				},
				// { TODO: FIX THIS AND ADD IT BACK
				//   title: "Add Webpages",
				//   url: `/dashboard/${search_space_id}/documents/webpage`,
				// },
				{
					title: "Add Youtube Videos",
					url: `/dashboard/${search_space_id}/documents/youtube`,
				},
				{
					title: "Manage Documents",
					url: `/dashboard/${search_space_id}/documents`,
				},
			],
		},
		{
			title: "Connectors",
			url: `#`,
			icon: "Cable",
			items: [
				{
					title: "Add Connector",
					url: `/dashboard/${search_space_id}/connectors/add`,
				},
				{
					title: "Manage Connectors",
					url: `/dashboard/${search_space_id}/connectors`,
				},
			],
		},
		{
			title: "Podcasts",
			url: `/dashboard/${search_space_id}/podcasts`,
			icon: "Podcast",
			items: [],
		},
		{
			title: "Logs",
			url: `/dashboard/${search_space_id}/logs`,
			icon: "FileText",
			items: [],
		},
	];

	return (
		<DashboardClientLayout
			searchSpaceId={search_space_id}
			navSecondary={customNavSecondary}
			navMain={customNavMain}
		>
			{children}
		</DashboardClientLayout>
	);
}