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

Correcting some bugs and working on responsive.

Browse Source
This commit is contained in:
charles-gauthereau
2024-11-23 21:10:45 +01:00
parent e770fcd1a9
commit b22b8a9286
5 changed files with 158 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(customer)/dashboard/agents/[agentId]/page.tsx
+26 -21
View File
@@ -1,6 +1,6 @@
import {PageParams} from "@/types/next";
import {Page, PageActions, PageContent, PageDescription, PageHeader, PageTitle} from "@/features/layout/page";
import {Button} from "@/components/ui/button";
import {Button, buttonVariants} from "@/components/ui/button";
import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs";
import {Card, CardContent, CardHeader} from "@/components/ui/card";
import {backupColumns} from "@/features/backup/columns";
@@ -9,6 +9,8 @@ import {DataTableWithPagination} from "@/components/wrappers/table/data-table-wi
import {prisma} from "@/prisma";
import {GearIcon} from "@radix-ui/react-icons";
import Link from "next/link";
import {AgentModalKey} from "@/components/wrappers/Agent/AgentModalKey/AgentModalKey";
import {KeyRound} from "lucide-react";
export default async function RoutePage(props: PageParams<{ agentId: string }>) {
@@ -77,31 +79,34 @@ export default async function RoutePage(props: PageParams<{ agentId: string }>)
return (
<Page>
<PageHeader>
<PageTitle>
{agent.name}
<Link href={`/dashboard/agents/${agent.id}/edit`}>
<GearIcon className="w-7 h-7"/>
</Link>
</PageTitle>
<PageActions>
<Button>Backup</Button>
<Button>Restore</Button>
</PageActions>
</PageHeader>
<PageDescription>{agent.description}</PageDescription>
<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>
<Button variant="outline">
<KeyRound/>
</Button>
</AgentModalKey>
</PageTitle>
<PageActions className="justify-between">
<Button>Backup</Button>
<Button>Restore</Button>
</PageActions>
</div>
<PageDescription className="mt-5 sm:mt-0">{agent.description}</PageDescription>
<PageContent className="flex flex-col w-full h-full">
<div className="flex flex-row sm:justify-between gap-8 mb-6">
<Card className="w-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">
<Card className="w-full sm:w-auto flex-1">
<CardHeader className="font-bold text-xl">
Success rate
</CardHeader>
@@ -109,7 +114,7 @@ export default async function RoutePage(props: PageParams<{ agentId: string }>)
{successRate ?? "Unavailable for now."}
</CardContent>
</Card>
<Card className="w-full">
<Card className="w-full sm:w-auto flex-1">
<CardHeader className="font-bold text-xl">
Last contact
</CardHeader>