56 lines
1.7 KiB
JavaScript
56 lines
1.7 KiB
JavaScript
import { Form, useLoaderData, useParams, redirect, useNavigate } from "react-router-dom";
|
|
import PageHeader from "../Components/PageHeader";
|
|
import { requestEdit } from "../APIcalls.mjs";
|
|
|
|
export async function action({request,params}){
|
|
const formData = await request.formData()
|
|
const data = Object.fromEntries(formData)
|
|
data.id=parseInt(params.publicationId)
|
|
console.dir(data)
|
|
await requestEdit(data,'publication')
|
|
return redirect(`/publication/${params.publicationId}`)
|
|
}
|
|
|
|
|
|
|
|
export default function EditPublication(){
|
|
const navigate = useNavigate()
|
|
const { publicationId } = useParams()
|
|
const { publications } = useLoaderData()
|
|
const publicationData = publications.find(row=>row.id==publicationId)
|
|
|
|
|
|
return(
|
|
<div id="page-container">
|
|
<PageHeader super={`Publication #${publicationData.id}`} heading="EDIT" url="/publication" id={publicationId}/>
|
|
<Form method="post" id="publication-form">
|
|
<label>Title:
|
|
<input
|
|
placeholder='title'
|
|
aria-label="Title"
|
|
type="text"
|
|
name="title"
|
|
defaultValue={publicationData.title}
|
|
/>
|
|
</label>
|
|
<label> Website:
|
|
<input
|
|
placeholder='1000'
|
|
aria-label="Website:"
|
|
type="text"
|
|
step="1"
|
|
name="link"
|
|
defaultValue={publicationData.link}
|
|
/>
|
|
</label>
|
|
<div id="bottom-button-container">
|
|
<button type="submit">SAVE</button>
|
|
<button type="button" onClick={()=>{navigate("/publications")}}>CANCEL</button>
|
|
</div>
|
|
|
|
</Form>
|
|
|
|
</div>
|
|
)
|
|
|
|
} |