jamo.siu@gmail.com
1e4f028685
- Replace hand-written node:sqlite queries with a Prisma client using the better-sqlite3 driver adapter - Version the schema with migrations: baseline table, timestamp normalisation, and WAL journal mode - Store timestamps with an explicit UTC offset so they stop being parsed as local time - Show created/updated times on the edit page, formatted with dayjs - Move the root redirect into next.config to avoid a prerender error - Run migrations from the container entrypoint before starting the server BREAKING CHANGE: DNSMASQ_ADMIN_DB_PATH is replaced by DATABASE_URL, which must be a Prisma connection URL (file:./data/dnsmasq-admin.db). Existing database files are migrated in place and need no conversion.
56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
import { notFound } from "next/navigation"
|
|
import { Suspense } from "react"
|
|
import { formatDateTime } from "@/lib/datetime"
|
|
import { getRecord } from "@/lib/records"
|
|
import { RecordForm } from "../_components/RecordForm"
|
|
import { updateRecordAction } from "../actions"
|
|
|
|
export const metadata = { title: "编辑记录" }
|
|
|
|
export default function EditRecordPage({ params }: PageProps<"/records/[id]">) {
|
|
return (
|
|
<section className="space-y-6">
|
|
<h1 className="text-xl font-semibold text-zinc-900 dark:text-zinc-100">编辑记录</h1>
|
|
|
|
{/* params are awaited inside Suspense so the shell can still be prerendered */}
|
|
<Suspense fallback={<p className="text-sm text-zinc-500 dark:text-zinc-400">加载中…</p>}>
|
|
<EditRecordForm params={params} />
|
|
</Suspense>
|
|
</section>
|
|
)
|
|
}
|
|
|
|
async function EditRecordForm({ params }: Pick<PageProps<"/records/[id]">, "params">) {
|
|
const { id } = await params
|
|
const numericId = Number(id)
|
|
|
|
// Guard against /records/abc: Number() would hand NaN to SQLite.
|
|
if (!Number.isInteger(numericId) || numericId <= 0) notFound()
|
|
|
|
const record = await getRecord(numericId)
|
|
|
|
if (!record) notFound()
|
|
|
|
return (
|
|
<>
|
|
<dl className="flex flex-wrap gap-x-6 gap-y-1 text-xs text-zinc-500 dark:text-zinc-400">
|
|
<div className="flex gap-1">
|
|
<dt>创建于</dt>
|
|
<dd className="text-zinc-700 dark:text-zinc-300">{formatDateTime(record.createdAt)}</dd>
|
|
</div>
|
|
<div className="flex gap-1">
|
|
<dt>更新于</dt>
|
|
<dd className="text-zinc-700 dark:text-zinc-300">{formatDateTime(record.updatedAt)}</dd>
|
|
</div>
|
|
</dl>
|
|
|
|
<RecordForm
|
|
action={updateRecordAction}
|
|
record={record}
|
|
submitLabel="保存修改"
|
|
cancelHref="/records"
|
|
/>
|
|
</>
|
|
)
|
|
}
|