Working on role in workspace.

2026-07-14 11:16:13 +02:00 · 2024-12-31 10:54:18 +01:00
parent e1a7ca8558
commit 6f75079a40
29 changed files with 464 additions and 124 deletions
@@ -0,0 +1,101 @@
+import Link from "next/link";
+import {GearIcon} from "@radix-ui/react-icons";
+import {prisma} from "@/prisma";
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageDescription, PageTitle} from "@/features/layout/page";
+import {formatDateLastContact} from "@/utils/date-formatting";
+import {buttonVariants} from "@/components/ui/button";
+import {Card, CardContent, CardHeader} from "@/components/ui/card";
+import {CardsWithPagination} from "@/components/wrappers/common/cards-with-pagination";
+import {DatabaseCard} from "@/components/wrappers/dashboard/projects/ProjectCard/ProjectDatabaseCard";
+import {AgentCardKey} from "@/components/wrappers/dashboard/agent/AgentCardKey/AgentCardKey";
+
+
+export default async function RoutePage(props: PageParams<{ agentId: string }>) {
+
+    const {agentId} = await props.params
+
+    const agent = await prisma.agent.findUnique({
+        where: {
+            id: agentId,
+        },
+        include: {
+            databases: {}
+        }
+    })
+
+    const databaseId = 'db-123';
+
+    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">
+                    {agent.name}
+                    <Link className={buttonVariants({variant: "outline"})}
+                          href={`/dashboard/agents/${agent.id}/edit`}>
+                        <GearIcon className="w-7 h-7"/>
+                    </Link>
+                    {/*<AgentModalKey agent={agent}>*/}
+                    {/*    <Button variant="outline">*/}
+                    {/*        <KeyRound/>*/}
+                    {/*    </Button>*/}
+                    {/*</AgentModalKey>*/}
+                </PageTitle>
+
+            </div>
+            <PageDescription className="mt-5 sm:mt-0">{agent.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(agent.lastContact)}
+                        </CardContent>
+                    </Card>
+
+                </div>
+                <Card className="w-full sm:w-auto flex-1">
+                    <CardHeader className="font-bold text-xl">
+                        Edge Key
+                    </CardHeader>
+                    <CardContent>
+                        <AgentCardKey agent={agent}/>
+                    </CardContent>
+                </Card>
+                <CardsWithPagination data={agent.databases} cardItem={DatabaseCard}/>
+            </PageContent>
+        </Page>
+    )
+}