External/portabase
1
0
Fork 0
mirror of https://github.com/Portabase/portabase.git synced 2026-07-14 11:16:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Ready for 1.1.5-rc.1

Browse Source
This commit is contained in:
charlesgauthereau
2025-12-21 11:25:33 +01:00
parent 82ab2c63d6
commit b8442803d9
10 changed files with 1804 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/wrappers/dashboard/agent/agent-card/agent-card.tsx
+30 -8
View File
@@ -1,17 +1,18 @@
"use client";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import {Card, CardContent, CardHeader} from "@/components/ui/card";
import Link from "next/link";
import { formatDateLastContact } from "@/utils/date-formatting";
import { ConnectionCircle } from "@/components/wrappers/common/connection-circle";
import {Agent} from "@/db/schema/08_agent";
import {formatDateLastContact} from "@/utils/date-formatting";
import {ConnectionCircle} from "@/components/wrappers/common/connection-circle";
import {Agent, AgentWith} from "@/db/schema/08_agent";
import {Activity, Database, ShieldCheck} from "lucide-react";
export type agentCardProps = {
data: Agent;
data: AgentWith;
};
export const AgentCard = (props: agentCardProps) => {
const { data: agent } = props;
const {data: agent} = props;
return (
<Link href={`/dashboard/agents/${agent.id}`}
@@ -20,10 +21,31 @@ export const AgentCard = (props: agentCardProps) => {
<Card className="flex flex-row justify-between">
<div className="flex-1 text-left">
<CardHeader className="text-2xl font-bold">{agent.name}</CardHeader>
<CardContent>Last contact: {formatDateLastContact(agent.lastContact)}</CardContent>
<CardContent>
<div className="flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-muted-foreground">
<div className="flex items-center gap-2">
<Activity className="h-4 w-4"/>
<span>{formatDateLastContact(agent.lastContact)}</span>
</div>
<div className="flex items-center gap-2">
<Database className="h-4 w-4"/>
<span>{agent.databases?.length ?? 0} DB</span>
</div>
<div className="flex items-center gap-2">
<ShieldCheck className="h-4 w-4"/>
{agent.version ?
<span>v{agent.version}</span>
:
<span>N/A</span>
}
</div>
</div>
</CardContent>
</div>
<div className="flex items-center px-4">
<ConnectionCircle date={agent.lastContact} />
<ConnectionCircle date={agent.lastContact}/>
</div>
</Card>
</Link>