e140908034
Connect all CRM pages to the BFF and CRM service, add module docs, and mark CRM available in the SuperApp catalog. Co-authored-by: Cursor <cursoragent@cursor.com>
61 lines
2.2 KiB
TypeScript
61 lines
2.2 KiB
TypeScript
"use client";
|
||
|
||
import Link from "next/link";
|
||
import { AuthGuard } from "@/components/AuthGuard";
|
||
import { PageHeader, Card, CardContent, Button } from "@/components/ds";
|
||
import { CRM_PORTALS } from "@/modules/crm/constants/portals";
|
||
import { CrmServiceBadge, useCrmHealth } from "@/modules/crm/pages/shared";
|
||
|
||
export function CrmHub() {
|
||
return (
|
||
<AuthGuard>
|
||
<CrmHubInner />
|
||
</AuthGuard>
|
||
);
|
||
}
|
||
|
||
function CrmHubInner() {
|
||
const healthQ = useCrmHealth();
|
||
|
||
return (
|
||
<div className="mx-auto max-w-6xl px-4 py-10 sm:px-6">
|
||
<PageHeader
|
||
title="تربت CRM"
|
||
description="مدیریت فروش، مشتری و همکاری تیم — Enterprise Sales CRM"
|
||
actions={<CrmServiceBadge />}
|
||
/>
|
||
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||
{CRM_PORTALS.map((portal) => {
|
||
const Icon = portal.icon;
|
||
return (
|
||
<Link key={portal.id} href={portal.basePath}>
|
||
<Card className="h-full transition-all hover:border-[var(--crm-accent)]/40 hover:shadow-[var(--shadow-md)]">
|
||
<CardContent className="flex h-full flex-col gap-4 pt-6">
|
||
<div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-[var(--crm-accent-soft)] text-[var(--crm-accent)]">
|
||
<Icon className="h-6 w-6" />
|
||
</div>
|
||
<div>
|
||
<p className="text-lg font-semibold text-secondary">{portal.label}</p>
|
||
<p className="mt-1 text-sm text-[var(--muted)]">{portal.description}</p>
|
||
</div>
|
||
<span className="mt-auto text-xs text-[var(--crm-accent)]">ورود ←</span>
|
||
</CardContent>
|
||
</Card>
|
||
</Link>
|
||
);
|
||
})}
|
||
</div>
|
||
<div className="mt-8 flex flex-wrap gap-3">
|
||
<Link href="/dashboard">
|
||
<Button variant="ghost">workspace</Button>
|
||
</Link>
|
||
{healthQ.data ? (
|
||
<span className="self-center text-xs text-[var(--muted)]">
|
||
سرویس {healthQ.data.service} — نسخه {healthQ.data.version}
|
||
</span>
|
||
) : null}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|