wirabasalamah/whatsapp-inbox-platform
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: initial project import
Some checks failed
CI - Production Readiness / Verify (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Wira Basalamah
2026-04-21 09:29:29 +07:00
commit adde003fba
222 changed files with 37657 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
app/contacts/[contactId]/edit/page.tsx Normal file
View File

@ -0,0 +1,89 @@
import Link from "next/link";
import { redirect } from "next/navigation";
import { ShellPage } from "@/components/page-templates";
import { Button, SectionCard } from "@/components/ui";
import { getSession } from "@/lib/auth";
import { updateContact } from "@/lib/admin-crud";
import { prisma } from "@/lib/prisma";
export default async function EditContactPage({ params }: { params: Promise<{ contactId: string }> }) {
const { contactId } = await params;
const session = await getSession();
if (!session) {
redirect("/login");
}
const contact = await prisma.contact.findFirst({
where: { id: contactId, tenantId: session.tenantId },
include: { contactTags: { include: { tag: true } }, channel: true }
});
if (!contact) {
redirect("/contacts?error=contact_not_found");
}
const channels = await prisma.channel.findMany({
where: { tenantId: session.tenantId },
orderBy: { channelName: "asc" }
});
const tags = contact.contactTags.map((item) => item.tag.name).join(", ");
return (
<ShellPage shell="admin" title="Edit Contact" description="Form update data contact.">
<SectionCard title="Contact form">
<form action={updateContact} className="grid gap-4 md:max-w-2xl md:grid-cols-2">
<input type="hidden" name="contactId" value={contact.id} />
<input required name="fullName" defaultValue={contact.fullName} className="rounded-xl border border-line px-4 py-3" />
<input
required
name="phoneNumber"
defaultValue={contact.phoneNumber}
className="rounded-xl border border-line px-4 py-3"
/>
<input name="email" defaultValue={contact.email ?? ""} className="rounded-xl border border-line px-4 py-3" />
<input
name="countryCode"
defaultValue={contact.countryCode ?? ""}
className="rounded-xl border border-line px-4 py-3"
/>
<label className="md:col-span-2 block text-sm">
<span className="text-on-surface-variant">Channel</span>
<select name="channelId" defaultValue={contact.channelId || ""} className="mt-2 w-full rounded-xl border border-line px-4 py-3">
<option value="">Tidak terkait channel</option>
{channels.map((channel) => (
<option key={channel.id} value={channel.id}>
{channel.channelName}
</option>
))}
</select>
</label>
<label className="md:col-span-2 block text-sm">
<span className="text-on-surface-variant">Tags</span>
<input name="tags" defaultValue={tags} className="mt-2 w-full rounded-xl border border-line px-4 py-3" />
</label>
<label className="md:col-span-2 block text-sm">
<span className="text-on-surface-variant">Opt-in status</span>
<select
name="optInStatus"
defaultValue={contact.optInStatus}
className="mt-2 w-full rounded-xl border border-line px-4 py-3"
>
<option value="UNKNOWN">Unknown</option>
<option value="OPTED_IN">Opted in</option>
<option value="OPTED_OUT">Opted out</option>
</select>
</label>
<div className="md:col-span-2 flex gap-3">
<Button type="submit" className="rounded-xl">
Save changes
</Button>
<Link href={`/contacts/${contact.id}`} className="text-on-surface-variant hover:underline">
Cancel
</Link>
</div>
</form>
</SectionCard>
</ShellPage>
);
}

73
app/contacts/[contactId]/page.tsx Normal file
View File

@ -0,0 +1,73 @@
import Link from "next/link";
import { redirect } from "next/navigation";
import { ShellPage } from "@/components/page-templates";
import { SectionCard } from "@/components/ui";
import { getSession } from "@/lib/auth";
import { prisma } from "@/lib/prisma";
export default async function ContactDetailPage({ params }: { params: Promise<{ contactId: string }> }) {
const { contactId } = await params;
const session = await getSession();
if (!session) {
redirect("/login");
}
const contact = await prisma.contact.findFirst({
where: { id: contactId, tenantId: session.tenantId },
include: {
contactTags: { include: { tag: true } },
conversations: true,
channel: true
}
});
if (!contact) {
redirect("/contacts?error=contact_not_found");
}
return (
<ShellPage
shell="admin"
title="Contact Detail"
description="Profile, tags, conversation history, dan campaign history."
actions={<Link href={`/contacts/${contactId}/edit`}>Edit contact</Link>}
>
<div className="grid gap-6 xl:grid-cols-[340px_1fr]">
<SectionCard title="Profile card">
<p className="text-sm text-on-surface-variant">
<strong>Nama:</strong> {contact.fullName}
</p>
<p className="text-sm text-on-surface-variant">
<strong>Phone:</strong> {contact.phoneNumber}
</p>
<p className="text-sm text-on-surface-variant">
<strong>Email:</strong> {contact.email || "-"}
</p>
<p className="text-sm text-on-surface-variant">
<strong>Channel:</strong> {contact.channel?.channelName || "Unset"}
</p>
<p className="text-sm text-on-surface-variant">
<strong>Opt-in:</strong> {contact.optInStatus}
</p>
<p className="text-sm text-on-surface-variant">
<strong>Last interaction:</strong> {contact.lastInteractionAt?.toLocaleString() || "-"}
</p>
<p className="mt-3 text-xs text-outline">
<Link href="/contacts" className="text-on-surface-variant hover:underline">
Kembali ke daftar
</Link>
</p>
</SectionCard>
<SectionCard title="History">
<p className="text-sm text-on-surface-variant">
Total conversations: <strong>{contact.conversations.length}</strong>
</p>
<p className="mt-2 text-sm text-on-surface-variant">
Tags: {contact.contactTags.map((item) => item.tag.name).join(", ") || "-"}
</p>
</SectionCard>
</div>
</ShellPage>
);
}