Merge pull request #52 from hack4impact/feature/51-dashboard-layout

feat: Dashboard Layout

Author: RenaudBernier

__tests__/sanity.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from "@testing-library/react";
-import DashboardPage from "@/app/dashboard/page";
+import DashboardPage from "@/app/(authenticated)/dashboard/page";
 
 describe("jest setup", () => {
   it("runs React + Testing Library", async () =>  {

app/checkout/cancel/page.tsx …(authenticated)/checkout/cancel/page.tsxapp/checkout/cancel/page.tsx renamed to app/(authenticated)/checkout/cancel/page.tsx app/checkout/cancel/page.tsx renamed to app/(authenticated)/checkout/cancel/page.tsx

@@ -0,0 +1,7 @@
+export default function FinancePage() {
+   return (
+      <main className="flex min-h-screen flex-col p-8">
+         <h1 className="text-3xl font-bold">Finance</h1>
+      </main>
+   );
+}

app/checkout/success/page.tsx …authenticated)/checkout/success/page.tsxapp/checkout/success/page.tsx renamed to app/(authenticated)/checkout/success/page.tsx app/checkout/success/page.tsx renamed to app/(authenticated)/checkout/success/page.tsx

@@ -0,0 +1,33 @@
+import { redirect } from "next/navigation";
+import { createClient } from "@/utils/supabase/server";
+import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { AppSidebar } from "@/components/app-sidebar";
+
+export default async function AuthenticatedLayout({
+   children,
+}: {
+   children: React.ReactNode;
+}) {
+   const supabase = await createClient();
+   const {
+      data: { user },
+   } = await supabase.auth.getUser();
+
+   if (!user) {
+      redirect("/login");
+   }
+
+   return (
+      <TooltipProvider>
+         <SidebarProvider>
+            <AppSidebar />
+            <SidebarInset>
+               <div className="flex flex-1 flex-col gap-4 p-4">
+                  {children}
+               </div>
+            </SidebarInset>
+         </SidebarProvider>
+      </TooltipProvider>
+   );
+}

app/dashboard/page.tsx app/(authenticated)/dashboard/page.tsxapp/dashboard/page.tsx renamed to app/(authenticated)/dashboard/page.tsx

@@ -0,0 +1,7 @@
+export default function MembershipsPage() {
+  return (
+    <main className="flex min-h-screen flex-col p-8">
+      <h1 className="text-3xl font-bold">Memberships</h1>
+    </main>
+  )
+}

app/(authenticated)/finance/page.tsx

@@ -1,7 +1,6 @@
 import { createClient } from "@/utils/supabase/server";
-import { signout } from "./login/actions";
+import { signout } from "@/app/login/actions";
 import { getSubscriptionDetails } from "@/lib/stripe";
-import { hasUserPurchased } from "@/lib/purchases";
 import {
    Card,
    CardContent,
@@ -23,17 +22,15 @@ export default async function Page() {
 
    if (!user) return null;
 
-   const [subscription, ownsProduct] = await Promise.all([
-      getSubscriptionDetails(user.id),
-      hasUserPurchased(user.id, PRODUCT_PRICE_ID),
-   ]);
+   const [subscription] = await Promise.all([getSubscriptionDetails(user.id)]);
+   const ownsProduct = false;
 
    return (
-      <main className="flex min-h-screen items-center justify-center p-4">
-         <div className="w-full max-w-md space-y-4">
-            <Card>
+      <main className="min-h-screen p-4 w-full">
+         <div className="flex flex-row gap-4 w-full">
+            <Card className="flex-1">
                <CardHeader>
-                  <CardTitle className="text-2xl">Welcome</CardTitle>
+                  <CardTitle className="text-2xl">Welcome t</CardTitle>
                   <CardDescription>You are signed in as</CardDescription>
                </CardHeader>
                <CardContent className="space-y-4">
@@ -46,7 +43,7 @@ export default async function Page() {
                </CardContent>
             </Card>
 
-            <Card>
+            <Card className="flex-1">
                <CardHeader>
                   <CardTitle>Subscription</CardTitle>
                   <CardDescription>
@@ -107,7 +104,7 @@ export default async function Page() {
                </CardContent>
             </Card>
 
-            <Card>
+            <Card className="flex-1">
                <CardHeader>
                   <CardTitle>Product</CardTitle>
                   <CardDescription>

app/(authenticated)/layout.tsx

@@ -0,0 +1,7 @@
+export default function ServicesPage() {
+  return (
+    <main className="flex min-h-screen flex-col p-8">
+      <h1 className="text-3xl font-bold">Services</h1>
+    </main>
+  )
+}

app/(authenticated)/memberships/page.tsx

@@ -0,0 +1,7 @@
+export default function SettingsPage() {
+   return (
+      <main className="flex min-h-screen flex-col p-8">
+         <h1 className="text-3xl font-bold">Settings</h1>
+      </main>
+   );
+}