fix: report page params Promise unwrap (Next.js 16)
This commit is contained in:
@@ -3,11 +3,16 @@
|
|||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import { Flag, X, Loader2, Check } from 'lucide-react'
|
import { Flag, X, Loader2, Check } from 'lucide-react'
|
||||||
|
|
||||||
export default function ReportPage({ params }: { params: { slug: string } }) {
|
export default function ReportPage({ params }: { params: Promise<{ slug: string }> }) {
|
||||||
const [reason, setReason] = useState('')
|
const [reason, setReason] = useState('')
|
||||||
const [details, setDetails] = useState('')
|
const [details, setDetails] = useState('')
|
||||||
const [submitting, setSubmitting] = useState(false)
|
const [submitting, setSubmitting] = useState(false)
|
||||||
const [done, setDone] = useState(false)
|
const [done, setDone] = useState(false)
|
||||||
|
const [slug, setSlug] = useState('')
|
||||||
|
|
||||||
|
useState(() => {
|
||||||
|
params.then(p => setSlug(p.slug))
|
||||||
|
})
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
setSubmitting(true)
|
setSubmitting(true)
|
||||||
@@ -15,7 +20,7 @@ export default function ReportPage({ params }: { params: { slug: string } }) {
|
|||||||
await fetch('/api/notes/report', {
|
await fetch('/api/notes/report', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: { 'Content-Type': 'application/json' },
|
headers: { 'Content-Type': 'application/json' },
|
||||||
body: JSON.stringify({ slug: params.slug, reason, details }),
|
body: JSON.stringify({ slug, reason, details }),
|
||||||
})
|
})
|
||||||
setDone(true)
|
setDone(true)
|
||||||
} catch {}
|
} catch {}
|
||||||
|
|||||||
Reference in New Issue
Block a user