37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
|
import { redirect } from "next/navigation"
|
||
|
|
import { and, eq } from "drizzle-orm"
|
||
|
|
import { db } from "@/lib/db"
|
||
|
|
import { properties } from "@/lib/db/schema"
|
||
|
|
import { getSessionUser } from "@/lib/session"
|
||
|
|
import { BackButton } from "@/components/ui/back-button"
|
||
|
|
import { UnitForm } from "@/components/forms/unit-form"
|
||
|
|
|
||
|
|
export const metadata = { title: "Add Unit" }
|
||
|
|
|
||
|
|
export default async function NewUnitPage({ params }: { params: Promise<{ propertyId: string }> }) {
|
||
|
|
const user = await getSessionUser()
|
||
|
|
if (!user) redirect("/login")
|
||
|
|
|
||
|
|
const { propertyId } = await params
|
||
|
|
|
||
|
|
const property = await db.query.properties.findFirst({
|
||
|
|
where: and(eq(properties.id, propertyId), eq(properties.user_id, user.id)),
|
||
|
|
columns: { id: true, name: true },
|
||
|
|
})
|
||
|
|
|
||
|
|
if (!property) redirect("/properties")
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="mx-auto max-w-2xl space-y-6">
|
||
|
|
<BackButton href={`/properties/${propertyId}`} />
|
||
|
|
<div>
|
||
|
|
<h2 className="text-lg font-semibold text-white">Add Unit</h2>
|
||
|
|
<p className="text-sm text-white/40">{property.name}</p>
|
||
|
|
</div>
|
||
|
|
<div className="rounded-xl border border-white/[0.06] bg-[#16161f] p-6">
|
||
|
|
<UnitForm propertyId={propertyId} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|