codehub_/resources/js/Layouts/DashboardLayouts/AdminLayout.tsx

import BookmarkedPages from "@/Components/DashboardComponents/BookmarkedPages";
import BulletinBoard from "@/Components/DashboardComponents/BulletinBoard";
import ProjectsOverview from "@/Components/DashboardComponents/ProjectsOverview";
import RecentLogs from "@/Components/DashboardComponents/RecentLogs";
import { User } from "@/types";
import { PropsWithChildren } from "react";

export default function Admin({ user }: PropsWithChildren<{ user: User }>) {
    const thisUser = user;
    
    return (
        <div id="AdminDashboard" className="w-full h-full grid grid-cols-4 grid-rows-3 gap-6">
            <section className="col-start-1 col-span-4 row-start-1 row-span-2">
                <BulletinBoard user={thisUser} />
            </section>
            <section className="col-span-2 row-span-1">
                <ProjectsOverview user={thisUser} />
            </section>
            <section className="col-span-1 row-span-1">
                <BookmarkedPages user={thisUser} />
            </section>
                <RecentLogs user={thisUser} />
            <section className="col-span-1 row-span-1">
                
            </section>
        </div>
    );
}