Working on some bugs.

2026-07-14 11:16:13 +02:00 · 2025-07-27 21:26:31 +02:00
parent f9dc15ba73
commit 85047e7509
107 changed files with 971 additions and 2203 deletions
@@ -0,0 +1,30 @@
+"use client";
+
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import Link from "next/link";
+import {ProjectWith} from "@/db/schema/05_project";
+
+export type projectCardProps = {
+    data: ProjectWith;
+    organizationSlug?: string;
+};
+
+export const ProjectCard = (props: projectCardProps) => {
+    const { data: project, organizationSlug } = props;
+
+    return (
+        <Link
+            href={`/dashboard/projects/${project.id}`}
+            className="block transition-all duration-200 hover:scale-[1.01] hover:shadow-md"
+        >
+            <Card className="flex flex-row justify-between">
+                <div className="flex-1 text-left">
+                    <CardHeader className="text-2xl font-bold">
+                        {project.name}
+                    </CardHeader>
+                    <CardContent>{project.databases.length} databases</CardContent>
+                </div>
+            </Card>
+        </Link>
+    );
+};
@@ -0,0 +1,54 @@
+"use client";
+
+import Link from "next/link";
+import Image from "next/image";
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { ConnectionCircle } from "@/components/wrappers/common/connection-circle";
+import { formatDateLastContact } from "@/utils/date-formatting";
+import {Database} from "@/db/schema/06_database";
+import {Avatar, AvatarFallback, AvatarImage} from "@/components/ui/avatar";
+
+export type projectDatabaseCardProps = {
+    data: Database;
+    extendedProps: any;
+    organizationSlug: string;
+};
+
+export const ProjectDatabaseCard = (props: projectDatabaseCardProps) => {
+    const { organizationSlug, data: database, extendedProps: extendedProps } = props;
+
+    return (
+        <Link className="block transition-all duration-200 hover:scale-[1.01] hover:shadow-md" 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 items-center space-x-4 px-4">
+                <Image src="/images/postgresql.png" alt="Database type Icon" width={60} height={60} className="object-cover ml-4" />
+
+                <div className="justify-between">
+                    <div className="font-medium">Name: {database.name}</div>
+                    <div className="text-sm text-muted-foreground">Generated Id: {database.agentDatabaseId}</div>
+                    <div className="text-xs text-muted-foreground">
+                        Last contact: {formatDateLastContact(database.lastContact)}
+                    </div>
+                </div>
+            </div>
+
+            <div className="flex items-center px-4">
+                <ConnectionCircle date={database.lastContact} />
+            </div>
+        </Card>
+    );
+};