Files
property-management-network/app/(dashboard)/tenants/[tenantId]/edit/page.tsx
T

44 lines
1.4 KiB
TypeScript
Raw Normal View History

import { notFound, redirect } from "next/navigation"
import { and, asc, eq } from "drizzle-orm"
import { db } from "@/lib/db"
import { tenants as tenantsTable, properties } from "@/lib/db/schema"
import { getSessionUser } from "@/lib/session"
import { TenantForm } from "@/components/forms/tenant-form"
import { BackButton } from "@/components/ui/back-button"
export const metadata = { title: "Edit Tenant" }
export default async function EditTenantPage({ params }: { params: Promise<{ tenantId: string }> }) {
const user = await getSessionUser()
if (!user) redirect("/login")
const { tenantId } = await params
const [tenant, properties_] = await Promise.all([
db.query.tenants.findFirst({
where: and(eq(tenantsTable.id, tenantId), eq(tenantsTable.user_id, user.id)),
}),
db.query.properties.findMany({
where: eq(properties.user_id, user.id),
columns: { id: true, name: true },
with: {
units: { columns: { id: true, unit_number: true, status: true } },
},
orderBy: asc(properties.name),
}),
])
if (!tenant) notFound()
return (
<div className="mx-auto max-w-2xl space-y-6">
<BackButton href={`/tenants/${tenantId}`} />
<div>
<h2 className="text-lg font-semibold text-white">Edit Tenant</h2>
<p className="text-sm text-white/40">{tenant.first_name} {tenant.last_name}</p>
</div>
<TenantForm properties={properties_ ?? []} tenant={tenant} />
</div>
)
}