Working on the organization system.

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

@@ -0,0 +1,35 @@
+import { PageParams } from "@/types/next";
+import { Page, PageContent, PageHeader, PageTitle } from "@/features/layout/page";
+import { notFound } from "next/navigation";
+import { DatabaseForm } from "@/components/wrappers/dashboard/database/DatabaseForm/DatabaseForm";
+
+import { db } from "@/db";
+import * as drizzleDb from "@/db";
+
+import { eq } from "drizzle-orm";
+
+export default async function RoutePage(props: PageParams<{ databaseId: string }>) {
+    const { databaseId } = await props.params;
+
+    const dbItem = await db.query.database.findFirst({
+        where: eq(drizzleDb.schemas.database.id, databaseId),
+    });
+
+    if (!dbItem) {
+        notFound();
+    }
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Edit {dbItem.name}</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <DatabaseForm
+                    databaseId={databaseId}
+                    defaultValues={{ ...dbItem, dbms: dbItem.dbms ?? "inactive", description: dbItem.description ?? undefined }}
+                />
+            </PageContent>
+        </Page>
+    );
+}

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

@@ -0,0 +1,75 @@
+import { PageParams } from "@/types/next";
+import { notFound } from "next/navigation";
+import { Page, PageActions, PageContent, PageDescription, PageTitle } from "@/features/layout/page";
+import { BackupButton } from "@/components/wrappers/dashboard/backup/backup-button/backup-button";
+import { DatabaseTabs } from "@/components/wrappers/dashboard/projects/Database/DatabaseTabs";
+import { DatabaseKpi } from "@/components/wrappers/dashboard/projects/Database/DatabaseKpi";
+import { EditButton } from "@/components/wrappers/dashboard/database/EditButton/EditButton";
+import { CronButton } from "@/components/wrappers/dashboard/database/CronButton/CronButton";
+
+import { db } from "@/db";
+import { eq, and } from "drizzle-orm";
+import * as drizzleDb from "@/db";
+
+export default async function RoutePage(props: PageParams<{ databaseId: string }>) {
+    const { databaseId } = await props.params;
+
+    const dbItem = await db.query.database.findFirst({
+        where: eq(drizzleDb.schemas.database.id, databaseId),
+    });
+
+    if (!dbItem) {
+        notFound();
+    }
+
+    const backups = await db.query.backup.findMany({
+        where: eq(drizzleDb.schemas.backup.databaseId, dbItem.id),
+        with: {
+            restorations: true,
+        },
+        orderBy: (b, { desc }) => [desc(b.createdAt)],
+    });
+
+    const restorations = await db.query.restoration.findMany({
+        where: eq(drizzleDb.schemas.restoration.databaseId, dbItem.id),
+        orderBy: (r, { desc }) => [desc(r.createdAt)],
+    });
+
+    const isAlreadyBackup = backups.some((b) => b.status === "waiting");
+    const isAlreadyRestore = restorations.some((r) => r.status === "waiting");
+
+    const [totalBackups, successfulBackups] = await Promise.all([
+        db
+            .select({ count: drizzleDb.schemas.backup.id })
+            .from(drizzleDb.schemas.backup)
+            .where(eq(drizzleDb.schemas.backup.databaseId, dbItem.id))
+            .then((rows) => rows.length),
+        db
+            .select({ count: drizzleDb.schemas.backup.id })
+            .from(drizzleDb.schemas.backup)
+            .where(and(eq(drizzleDb.schemas.backup.databaseId, dbItem.id), eq(drizzleDb.schemas.backup.status, "success")))
+            .then((rows) => rows.length),
+    ]);
+
+    const successRate = totalBackups > 0 ? (successfulBackups / totalBackups) * 100 : null;
+
+    return (
+        <Page>
+            <div className="justify-between gap-2 sm:flex">
+                <PageTitle className="flex items-center">
+                    {dbItem.name}
+                    <EditButton />
+                    <CronButton database={dbItem} />
+                </PageTitle>
+                <PageActions className="justify-between">
+                    <BackupButton disable={isAlreadyBackup} databaseId={databaseId} />
+                </PageActions>
+            </div>
+            <PageDescription className="mt-5 sm:mt-0">{dbItem.description}</PageDescription>
+            <PageContent className="flex flex-col w-full h-full">
+                <DatabaseKpi successRate={successRate} database={dbItem} totalBackups={totalBackups} />
+                <DatabaseTabs database={dbItem} isAlreadyRestore={isAlreadyRestore} backups={backups} restorations={restorations} />
+            </PageContent>
+        </Page>
+    );
+}

app/(customer)/dashboard/(organization)/projects/[projectId]/edit/page.tsx

@@ -0,0 +1,62 @@
+import {notFound} from "next/navigation";
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {ProjectForm} from "@/components/wrappers/dashboard/projects/ProjectsForm/ProjectForm";
+import * as drizzleDb from "@/db";
+
+import {db} from "@/db";
+import {eq} from "drizzle-orm";
+import {DatabaseWith} from "@/db/schema/06_database";
+
+export default async function RoutePage(props: PageParams<{ projectId: string }>) {
+    const {projectId} = await props.params;
+
+    const proj = await db.query.project.findFirst({
+        where: eq(drizzleDb.schemas.project.id, projectId),
+        with: {
+            databases: true,
+        },
+    });
+
+    if (!proj) {
+        notFound();
+    }
+
+    //
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, "default"),
+    });
+
+    if (!org) {
+        notFound();
+    }
+
+    const availableDatabases = (
+        await db.query.database.findMany({
+            where: (db, {or, eq, isNull}) => or(isNull(db.projectId), eq(db.projectId, proj.id)),
+            with: {
+                agent: true,
+                project: true,
+                backups: true,
+                restorations: true,
+            },
+            orderBy: (db, {desc}) => [desc(db.createdAt)],
+        })
+    ).filter((db): db is DatabaseWith => db.project !== null);
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Edit {proj.name}</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <ProjectForm
+                    organization={org}
+                    databases={availableDatabases}
+                    defaultValues={{name: proj.name, slug: proj.slug, databases: proj.databases.map((db) => db.id)}}
+                    projectId={proj.id}
+                />
+            </PageContent>
+        </Page>
+    );
+}

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

@@ -0,0 +1,74 @@
+import { PageParams } from "@/types/next";
+import { Page, PageActions, PageContent, PageDescription, PageTitle } from "@/features/layout/page";
+import { buttonVariants } from "@/components/ui/button";
+import { GearIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { ButtonDeleteProject } from "@/components/wrappers/dashboard/projects/ButtonDeleteProject/ButtonDeleteProject";
+import { CardsWithPagination } from "@/components/wrappers/common/cards-with-pagination";
+import { ProjectDatabaseCard } from "@/components/wrappers/dashboard/projects/ProjectCard/ProjectDatabaseCard";
+import { notFound } from "next/navigation";
+
+import { db } from "@/db";
+import { eq } from "drizzle-orm";
+import {getOrganization} from "@/lib/auth/auth";
+import * as drizzleDb from "@/db";
+
+export default async function RoutePage(props: PageParams<{
+    // slug: string;
+    projectId: string
+}>) {
+    const {
+        // slug: organizationSlug,
+        projectId } = await props.params;
+
+    const organization = await getOrganization({});
+
+    if (!organization) {
+        notFound();
+    }
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, organization.slug),
+    });
+
+    if (!org) notFound();
+
+    const proj = await db.query.project.findFirst({
+        where: (proj, { and, eq, not }) => and(eq(proj.id, projectId), eq(proj.organizationId, org.id), not(eq(proj.isArchived, true))),
+        with: {
+            databases: true,
+        },
+    });
+
+    if (!proj) notFound();
+
+    return (
+        <Page>
+            <div className="justify-between gap-2 sm:flex">
+                <PageTitle className="flex items-center">
+                    {proj.name}
+                    <Link className={buttonVariants({ variant: "outline" })} href={`/dashboard/${organization.slug}/projects/${proj.id}/edit`}>
+                        <GearIcon className="w-7 h-7" />
+                    </Link>
+                </PageTitle>
+                <PageActions className="justify-between">
+                    <ButtonDeleteProject projectId={projectId} text={"Delete Project"} />
+                </PageActions>
+            </div>
+
+            <PageDescription>The list of associated databases</PageDescription>
+
+            <PageContent className="flex flex-col w-full h-full">
+                {proj.databases.length > 0 ? (
+                    <CardsWithPagination
+                        data={proj.databases}
+                        organizationSlug={organization.slug}
+                        cardItem={ProjectDatabaseCard}
+                        cardsPerPage={4}
+                        numberOfColumns={1}
+                        extendedProps={proj}
+                    />
+                ) : null}
+            </PageContent>
+        </Page>
+    );
+}

app/(customer)/dashboard/(organization)/projects/new/page.tsx

@@ -0,0 +1,48 @@
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {ProjectForm} from "@/components/wrappers/dashboard/projects/ProjectsForm/ProjectForm";
+import {notFound} from "next/navigation";
+import {db} from "@/db";
+import {eq} from "drizzle-orm";
+import {getOrganization} from "@/lib/auth/auth";
+import * as drizzleDb from "@/db";
+import {DatabaseWith} from "@/db/schema/06_database";
+
+export default async function RoutePage(props: PageParams<{  }>) {
+
+    const organization = await getOrganization({});
+
+    if (!organization ) {
+        notFound();
+    }
+
+    const availableDatabases = (
+        await db.query.database.findMany({
+            where: (db, {isNull}) => isNull(db.projectId),
+            with: {
+                agent: true,
+                project: true,
+                backups: true,
+                restorations: true,
+            },
+            orderBy: (db, {desc}) => [desc(db.createdAt)],
+        })
+    ).filter((db) => db.project !== null) as DatabaseWith[];
+
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, organization.slug),
+    });
+
+    if (!org) notFound();
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Create new project</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <ProjectForm databases={availableDatabases} organization={org}/>
+            </PageContent>
+        </Page>
+    );
+}

app/(customer)/dashboard/(organization)/projects/page.tsx

@@ -0,0 +1,59 @@
+import Link from "next/link";
+
+import {PageParams} from "@/types/next";
+import {CardsWithPagination} from "@/components/wrappers/common/cards-with-pagination";
+import {Button} from "@/components/ui/button";
+import {Page, PageActions, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {ProjectCard} from "@/components/wrappers/dashboard/projects/ProjectCard/ProjectCard";
+import {db} from "@/db";
+import {notFound} from "next/navigation";
+import {getOrganization} from "@/lib/auth/auth";
+
+export default async function RoutePage(props: PageParams<{ }>) {
+
+    const organization = await getOrganization({});
+
+    if (!organization) {
+        notFound();
+    }
+
+    const projects = await db.query.project.findMany({
+        where: (project, {
+            eq,
+            and,
+            not
+        }) => and(eq(project.organizationId, organization.id), not(eq(project.isArchived, true))),
+        with: {
+            databases: true,
+        },
+    });
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Projects</PageTitle>
+                {projects.length > 0 && (
+                    <PageActions>
+                        <Link href={`/dashboard/projects/new`}>
+                            <Button>+ Create Project</Button>
+                        </Link>
+                    </PageActions>
+                )}
+            </PageHeader>
+
+            <PageContent className="mt-10">
+                {projects.length > 0 ? (
+                    <CardsWithPagination organizationSlug={organization.slug} data={projects} cardItem={ProjectCard}
+                                         cardsPerPage={4} numberOfColumns={1}/>
+                ) : (
+                    <Link
+                        href={`/dashboard/projects/new`}
+                        className="  flex item-center justify-center border-2 border-dashed transition-colors border-primary p-8 lg:p-12 w-full rounded-md"
+                    >
+                        Create new Project
+                    </Link>
+                )}
+            </PageContent>
+        </Page>
+    );
+}