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

import {PageParams} from "@/types/next";
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 {DatabaseTabs} from "@/components/wrappers/Dashboard/Projects/Database/DatabaseTabs";
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,
        },
    })
    if (!database) {
        notFound()
    }


    const backups = await prisma.backup.findMany({
        where: {
            databaseId: database.id
        },
        include:{
            restaurations: {}
        }
    })

    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

    return (
        <Page>
            <div className="justify-between gap-2 sm:flex">
                <PageTitle className="flex items-center">
                    {database.name}
                </PageTitle>
                <PageActions className="justify-between">
                    <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">
                <DatabaseKpi
                    successRate={successRate}
                    database={database}
                />
                <DatabaseTabs
                    isAlreadyRestore={isAlreadyRestore}
                    backups={backups}
                    restaurations={restaurations}
                />
            </PageContent>
        </Page>
    )
}