Working on the hidde restore action if already a restauration is waiting.

app/(customer)/dashboard/layout.tsx

@@ -21,7 +21,6 @@ export default async function Layout({children}: { children: React.ReactNode })
     }
     if (!user) redirect('/login')
 
-
     return (
         <SidebarProvider>
             <div className="flex flex-col lg:flex-row w-full">

app/(customer)/dashboard/projects/[projectId]/database/[databaseId]/page.tsx

@@ -3,55 +3,54 @@ import {prisma} from "@/prisma";
 import {notFound} from "next/navigation";
 import {Page, PageActions, PageContent, PageDescription, PageTitle} from "@/features/layout/page";
 import {BackupButton} from "@/components/wrappers/BackupButton/BackupButton";
-import {Card, CardContent, CardHeader} from "@/components/ui/card";
 import {DatabaseTabs} from "@/components/wrappers/Dashboard/Projects/Database/DatabaseTabs";
-import {formatDateLastContact} from "@/utils/date-formatting";
+import {DatabaseKpi} from "@/components/wrappers/Dashboard/Projects/Database/DatabaseKpi";
 
 
 export default async function RoutePage(props: PageParams<{ databaseId: string }>) {
 
     const {databaseId} = await props.params
-
     const database = await prisma.database.findUnique({
         where: {
             id: databaseId,
         },
     })
-    console.log("database", database)
-
     if (!database) {
         notFound()
     }
 
+
     const backups = await prisma.backup.findMany({
         where: {
             databaseId: database.id
+        },
+        include:{
+            restaurations: {}
         }
     })
-    console.log(backups)
 
+    const restaurations = await prisma.restauration.findMany({
+        where: {
+            databaseId: databaseId,
+        }
+    })
+
+
+    const isAlreadyBackup = !!backups.find(backup => backup.status === "waiting");
+    const isAlreadyRestore = !!restaurations.find(restoration => restoration.status === "waiting");
     const totalBackups = await prisma.backup.count({
         where: {
             databaseId: databaseId,
         },
     });
-
     const successfulBackups = await prisma.backup.count({
         where: {
             databaseId: databaseId,
             status: 'success',
         },
     });
-
     const successRate = totalBackups > 0 ? (successfulBackups / totalBackups) * 100 : null
 
-    // const restaurations = await prisma.restauration.findMany({
-    //     where: {
-    //         databaseId: databaseId,
-    //     }
-    // })
-
-
     return (
         <Page>
             <div className="justify-between gap-2 sm:flex">
@@ -59,39 +58,19 @@ export default async function RoutePage(props: PageParams<{ databaseId: string }
                     {database.name}
                 </PageTitle>
                 <PageActions className="justify-between">
-                    <BackupButton databaseId={databaseId} />
+                    <BackupButton disable={isAlreadyBackup} databaseId={databaseId}/>
                 </PageActions>
             </div>
             <PageDescription className="mt-5 sm:mt-0">{database.description}</PageDescription>
             <PageContent className="flex flex-col w-full h-full">
-                <div className="flex flex-col sm:flex-row sm:justify-between gap-8 mb-6">
-                    <Card className="w-full sm:w-auto flex-1">
-                        <CardHeader className="font-bold text-xl">
-                            Backups
-                        </CardHeader>
-                        <CardContent></CardContent>
-                    </Card>
-                    <Card className="w-full sm:w-auto flex-1">
-                        <CardHeader className="font-bold text-xl">
-                            Success rate
-                        </CardHeader>
-                        <CardContent>
-                            {successRate ?? "Unavailable for now."}
-                        </CardContent>
-                    </Card>
-                    <Card className="w-full sm:w-auto flex-1">
-                        <CardHeader className="font-bold text-xl">
-                            Last contact
-                        </CardHeader>
-                        <CardContent>
-                            {formatDateLastContact(database.lastContact)}
-                        </CardContent>
-                    </Card>
-                </div>
-
+                <DatabaseKpi
+                    successRate={successRate}
+                    database={database}
+                />
                 <DatabaseTabs
+                    isAlreadyRestore={isAlreadyRestore}
                     backups={backups}
-                    // restaurations={restaurations}
+                    restaurations={restaurations}
                 />
             </PageContent>
         </Page>