chore: initial project import
Some checks failed
CI - Production Readiness / Verify (push) Has been cancelled
Some checks failed
CI - Production Readiness / Verify (push) Has been cancelled
This commit is contained in:
66
app/team/new/page.tsx
Normal file
66
app/team/new/page.tsx
Normal file
@ -0,0 +1,66 @@
|
||||
import { redirect } from "next/navigation";
|
||||
|
||||
import { ShellPage } from "@/components/page-templates";
|
||||
import { Button, SectionCard } from "@/components/ui";
|
||||
import { getSession } from "@/lib/auth";
|
||||
import { createTeamUser } from "@/lib/admin-crud";
|
||||
import { prisma } from "@/lib/prisma";
|
||||
|
||||
export default async function NewUserPage({
|
||||
searchParams
|
||||
}: {
|
||||
searchParams?: Promise<{ error?: string }>;
|
||||
}) {
|
||||
const params = await (searchParams ?? Promise.resolve({ error: undefined }));
|
||||
const session = await getSession();
|
||||
if (!session) {
|
||||
redirect("/login");
|
||||
}
|
||||
|
||||
const roles = await prisma.role.findMany({
|
||||
where: { tenantId: session.tenantId, code: { in: ["ADMIN_CLIENT", "AGENT"] } },
|
||||
orderBy: { code: "asc" }
|
||||
});
|
||||
const error = params?.error;
|
||||
const errorMessage = error === "missing_fields" ? "Lengkapi nama, email, dan role." : error === "invalid_role" ? "Role tidak valid." : null;
|
||||
|
||||
return (
|
||||
<ShellPage shell="admin" title="Create User" description="Tambah admin client atau agent baru.">
|
||||
<SectionCard title="User form">
|
||||
<form action={createTeamUser} className="grid gap-4 md:max-w-2xl">
|
||||
{errorMessage ? <p className="rounded-xl border border-warning/30 bg-warning/10 p-3 text-sm text-warning">{errorMessage}</p> : null}
|
||||
<input name="fullName" required placeholder="Full name" className="rounded-xl border border-line px-4 py-3" />
|
||||
<input name="email" required type="email" placeholder="Email" 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">Role</span>
|
||||
<select name="roleId" required className="mt-2 w-full rounded-xl border border-line px-4 py-3">
|
||||
<option value="">Pilih role</option>
|
||||
{roles.map((role) => (
|
||||
<option key={role.id} value={role.id}>
|
||||
{role.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</label>
|
||||
<label className="md:col-span-2 block text-sm">
|
||||
<span className="text-on-surface-variant">Status</span>
|
||||
<select name="status" defaultValue="INVITED" className="mt-2 w-full rounded-xl border border-line px-4 py-3">
|
||||
<option value="INVITED">Invited</option>
|
||||
<option value="ACTIVE">Active</option>
|
||||
<option value="DISABLED">Disabled</option>
|
||||
</select>
|
||||
</label>
|
||||
<input
|
||||
name="password"
|
||||
type="password"
|
||||
placeholder="Password (wajib untuk status Active)"
|
||||
className="md:col-span-2 rounded-xl border border-line px-4 py-3"
|
||||
/>
|
||||
<Button type="submit" className="md:col-span-2 w-full">
|
||||
Save user
|
||||
</Button>
|
||||
</form>
|
||||
</SectionCard>
|
||||
</ShellPage>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user