mlogclub
86ff71596d
- Implemented SupportWidgetDemo component for configuring and mounting the support chat widget. - Introduced Zustand store for managing support chat state, including message handling and socket connection. - Created support host bridge for communication between the widget and parent window. - Added utility functions for JWT token generation and local storage management. - Enhanced user experience with notifications for new messages and chat status updates.
26 lines
934 B
TypeScript
26 lines
934 B
TypeScript
"use client"
|
|
|
|
import { CheckCircle2Icon } from "lucide-react"
|
|
|
|
import { useI18n } from "@/i18n/provider"
|
|
|
|
export default function Page() {
|
|
const t = useI18n()
|
|
|
|
return (
|
|
<main className="flex min-h-svh items-center justify-center bg-muted px-6 text-foreground">
|
|
<section className="grid max-w-sm justify-items-center gap-4 text-center">
|
|
<div className="flex size-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-600 ring-1 ring-emerald-100 dark:bg-emerald-950/40 dark:text-emerald-300 dark:ring-emerald-900">
|
|
<CheckCircle2Icon className="size-7" />
|
|
</div>
|
|
<div className="grid gap-2">
|
|
<h1 className="text-lg font-semibold text-foreground">{t("supportChat.closedTitle")}</h1>
|
|
<p className="text-sm leading-6 text-muted-foreground">
|
|
{t("supportChat.closedDescription")}
|
|
</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
)
|
|
}
|