merge dashboard-content and dashboard-container

Author: calebbourg

src/app/dashboard/dashboard-content.tsx renamed to src/app/dashboard/dashboard-container.tsx

@@ -8,29 +8,7 @@ import AddEntities from "@/components/ui/dashboard/add-entities";
 import { CoachingSessionDialog } from "@/components/ui/dashboard/coaching-session-dialog";
 import type { CoachingSession } from "@/types/coaching-session";
 
-function DashboardContainer({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn(
-        // Base styles
-        "p-4",
-        // Mobile: stack vertically
-        "flex flex-col gap-6",
-        // Never grow wider than the site-header
-        "max-w-screen-2xl",
-        // Ensure full width for children
-        "[&>*]:w-full",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export function DashboardContent() {
+export function DashboardContainer() {
   const [dialogOpen, setDialogOpen] = useState(false);
   const [sessionToEdit, setSessionToEdit] = useState<
     CoachingSession | undefined
@@ -47,20 +25,28 @@ export function DashboardContent() {
   };
 
   return (
-    <>
-      <DashboardContainer>
-        <AddEntities
-          className="mb-8"
-          onCreateSession={() => handleOpenDialog()}
-        />
-        <CoachingSessionList onUpdateSession={handleOpenDialog} />
-      </DashboardContainer>
-
+    <div
+      className={cn(
+        // Base styles
+        "p-4",
+        // Mobile: stack vertically
+        "flex flex-col gap-6",
+        // Never grow wider than the site-header
+        "max-w-screen-2xl",
+        // Ensure full width for children
+        "[&>*]:w-full"
+      )}
+    >
+      <AddEntities
+        className="mb-8"
+        onCreateSession={() => handleOpenDialog()}
+      />
+      <CoachingSessionList onUpdateSession={handleOpenDialog} />
       <CoachingSessionDialog
         open={dialogOpen}
         onOpenChange={handleCloseDialog}
         coachingSessionToEdit={sessionToEdit}
       />
-    </>
+    </div>
   );
 }

src/app/dashboard/page.tsx

@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { DashboardContent } from "./dashboard-content";
+import { DashboardContainer } from "./dashboard-container";
 
 export const metadata: Metadata = {
   title: "Dashboard",
   description: "Coaching dashboard",
 };
 
 export default function DashboardPage() {
-  return <DashboardContent />;
+  return <DashboardContainer />;
 }