migration

app/(customer)/dashboard/[slug]/statistics/page.tsx

@@ -1,48 +1,57 @@
-import {PageParams} from "@/types/next";
-import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
-import {prisma} from "@/prisma";
-import {Card, CardContent, CardHeader, CardTitle} from "@/components/ui/card";
-import {EvolutionLineChart} from "@/components/wrappers/dashboard/statistics/charts/evolution-line-chart";
-import {PercentageLineChart} from "@/components/wrappers/dashboard/statistics/charts/percentage-line-chart";
+import { PageParams } from "@/types/next";
+import { Page, PageContent, PageHeader, PageTitle } from "@/features/layout/page";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { EvolutionLineChart } from "@/components/wrappers/dashboard/statistics/charts/evolution-line-chart";
+import { PercentageLineChart } from "@/components/wrappers/dashboard/statistics/charts/percentage-line-chart";
+import { getCurrentOrganizationSlug } from "@/features/dashboard/organization-cookie";
+import { notFound } from "next/navigation";
+import { db } from "@/db";
+import { asc, count, eq, inArray } from "drizzle-orm";
+import { organization as drizzleOrganization, project as drizzleProject, backup as drizzleBackup } from "@/db/schema";
 
-export default async function RoutePage(props: PageParams<{}>) {
+export default async function RoutePage(props: PageParams<{ slug: string }>) {
+    const { slug: organizationSlug } = await props.params;
 
-    const projectsCount = await prisma.project.count({
-        where: {
-            organization: {
-                slug: "default"
-            }
-        },
+    const currentOrganizationSlug = await getCurrentOrganizationSlug();
+    if (currentOrganizationSlug !== organizationSlug) {
+        notFound();
+    }
+
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleOrganization.slug, currentOrganizationSlug),
     });
 
-    const backupsEvolution = await prisma.backup.findMany({
-        select: {
+    if (!org) notFound();
+
+    const projects = await db.query.project.findMany({
+        where: eq(drizzleProject.organizationId, org.id),
+    });
+
+    const projectsCount = projects.length;
+
+    const backupsEvolution = await db.query.backup.findMany({
+        columns: {
+            id: true,
             createdAt: true,
         },
-        orderBy: {
-            createdAt: "asc",
-        },
-    });
-
-    const backupsRate = await prisma.backup.groupBy({
-        by: ['createdAt', 'status'],
-        where: {
-            status: {
-                in: ['success', 'failed'],
-            },
-        },
-        _count: {
-            id: true,
-        },
+        orderBy: [asc(drizzleBackup.id)],
     });
 
+    const backupsRate = await db
+        .select({
+            createdAt: drizzleBackup.createdAt,
+            status: drizzleBackup.status,
+            _count: count(),
+        })
+        .from(drizzleBackup)
+        .where(inArray(drizzleBackup.status, ["success", "failed"]))
+        .groupBy(drizzleBackup.createdAt, drizzleBackup.status)
+        .orderBy(drizzleBackup.createdAt);
 
     return (
         <Page>
             <PageHeader>
-                <PageTitle>
-                    Statistics
-                </PageTitle>
+                <PageTitle>Statistics</PageTitle>
             </PageHeader>
             <PageContent className="flex flex-col gap-y-4">
                 <div className="flex flex-col md:flex-row gap-4">
@@ -50,23 +59,19 @@ export default async function RoutePage(props: PageParams<{}>) {
                         <CardHeader>
                             <CardTitle>Projects</CardTitle>
                         </CardHeader>
-                        <CardContent>
-                            {projectsCount}
-                        </CardContent>
+                        <CardContent>{projectsCount}</CardContent>
                     </Card>
                     <Card className="w-full">
                         <CardHeader>
                             <CardTitle>KPI 2</CardTitle>
                         </CardHeader>
-                        <CardContent>
-                        </CardContent>
+                        <CardContent></CardContent>
                     </Card>
                     <Card className="w-full">
                         <CardHeader>
                             <CardTitle>KPI 3</CardTitle>
                         </CardHeader>
-                        <CardContent>
-                        </CardContent>
+                        <CardContent></CardContent>
                     </Card>
                 </div>
                 <div className="flex flex-col md:flex-row gap-4">
@@ -75,7 +80,7 @@ export default async function RoutePage(props: PageParams<{}>) {
                             <CardTitle>Evolution of the number of backups</CardTitle>
                         </CardHeader>
                         <CardContent>
-                            <EvolutionLineChart data={backupsEvolution}/>
+                            <EvolutionLineChart data={backupsEvolution} />
                         </CardContent>
                     </Card>
                     <Card className="w-full">
@@ -83,11 +88,11 @@ export default async function RoutePage(props: PageParams<{}>) {
                             <CardTitle>Success rate of backups</CardTitle>
                         </CardHeader>
                         <CardContent>
-                            <PercentageLineChart data={backupsRate}/>
+                            <PercentageLineChart data={backupsRate} />
                         </CardContent>
                     </Card>
                 </div>
             </PageContent>
         </Page>
-    )
-}
+    );
+}