Moving files and rename some of them.

2026-07-14 11:16:13 +02:00 · 2024-12-16 16:30:00 +01:00
parent c97d68d697
commit 31ee81c10f
75 changed files with 64 additions and 175 deletions
@@ -0,0 +1,56 @@
+"use client";
+
+import Link from "next/link";
+import Image from "next/image"
+import {Database} from "@prisma/client";
+import {Card, CardContent, CardHeader} from "@/components/ui/card";
+import {ConnectionCircle} from "@/components/wrappers/common/connection-circle";
+import {formatDateLastContact} from "@/utils/date-formatting";
+
+export type projectDatabaseCardProps = {
+    data: Database,
+    extendedProps: any
+}
+
+export const ProjectDatabaseCard = (props: projectDatabaseCardProps) => {
+
+    const {data: database, extendedProps: extendedProps} = props;
+
+    return (
+        <Link href={`/dashboard/projects/${extendedProps.id}/database/${database.id}`}>
+            <DatabaseCard data={database}/>
+        </Link>
+    )
+}
+
+export type databaseCardProps = {
+    data: Database,
+}
+
+export const DatabaseCard = (props: databaseCardProps) => {
+
+    const {data: database} = props;
+
+    return (
+        <Card className="flex flex-row justify-between">
+            <div className="flex flex-row items-center gap-2">
+                <Image
+                    src="/PostgreSQL.png"
+                    alt="Database type Icon"
+                    width={60}
+                    height={60}
+                    className="object-cover ml-4"
+                />
+                <div>
+                    <CardHeader>Name : {database.name}</CardHeader>
+                    <CardContent>
+                        Last contact: {formatDateLastContact(database.lastContact)}
+                    </CardContent>
+                </div>
+            </div>
+            <div className="mt-3 mr-3">
+                <ConnectionCircle date={database.lastContact}/>
+            </div>
+        </Card>
+    )
+}