46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
|
import { redirect } from "next/navigation"
|
||
|
|
import { and, asc, eq } from "drizzle-orm"
|
||
|
|
import { db } from "@/lib/db"
|
||
|
|
import { properties, tenants } from "@/lib/db/schema"
|
||
|
|
import { getSessionUser } from "@/lib/session"
|
||
|
|
import { MaintenanceForm } from "@/components/forms/maintenance-form"
|
||
|
|
import { BackButton } from "@/components/ui/back-button"
|
||
|
|
|
||
|
|
export const metadata = { title: "New Maintenance Request" }
|
||
|
|
|
||
|
|
export default async function NewMaintenancePage() {
|
||
|
|
const user = await getSessionUser()
|
||
|
|
if (!user) redirect("/login")
|
||
|
|
|
||
|
|
const [propertyList, tenantList] = await Promise.all([
|
||
|
|
db.query.properties.findMany({
|
||
|
|
where: eq(properties.user_id, user.id),
|
||
|
|
columns: { id: true, name: true },
|
||
|
|
with: {
|
||
|
|
units: { columns: { id: true, unit_number: true } },
|
||
|
|
},
|
||
|
|
orderBy: asc(properties.name),
|
||
|
|
}),
|
||
|
|
db
|
||
|
|
.select({
|
||
|
|
id: tenants.id,
|
||
|
|
first_name: tenants.first_name,
|
||
|
|
last_name: tenants.last_name,
|
||
|
|
unit_id: tenants.unit_id,
|
||
|
|
})
|
||
|
|
.from(tenants)
|
||
|
|
.where(and(eq(tenants.user_id, user.id), eq(tenants.status, "active"))),
|
||
|
|
])
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="mx-auto max-w-2xl space-y-6">
|
||
|
|
<BackButton href="/maintenance" />
|
||
|
|
<div>
|
||
|
|
<h2 className="text-lg font-semibold text-white">New Maintenance Request</h2>
|
||
|
|
<p className="text-sm text-white/40">Log a maintenance issue for a property</p>
|
||
|
|
</div>
|
||
|
|
<MaintenanceForm properties={propertyList ?? []} tenants={tenantList ?? []} />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|