StrafesNET/maps-service
7
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

web: custom action per review button

Browse Source
This commit is contained in:
Quaternions 2024-12-11 18:04:10 -08:00
parent 1a747bee80
commit 7c2e8f00ad
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/app/submissions/[submissionId]/_reviewButtons.tsx
View File

@ -1,8 +1,10 @@
import { Button, ButtonOwnProps } from "@mui/material"; import { Button, ButtonOwnProps } from "@mui/material";
type Review = "Completed" | "Submit" | "Reject" | "Revoke" | "Validate" | "Publish" type Review = "Completed" | "Submit" | "Reject" | "Revoke" | "Validate" | "Publish"
type Action = "completed" | "submit" | "reject" | "revoke" | "trigger-validate" | "trigger-publish"
interface ReviewButton { interface ReviewButton {
name: Review, name: Review,
action: Action,
color: ButtonOwnProps["color"] color: ButtonOwnProps["color"]
} }
@ -25,8 +27,8 @@ interface ReviewButton {
// -X POST \ // -X POST \
// localhost:8081/v1/submissions/1/status/submit // localhost:8081/v1/submissions/1/status/submit
function ReviewButtonClicked(type: Review) { function ReviewButtonClicked(action: Action) {
const post = fetch(`http://localhost:8081/v1/submissions/1/status/${type.toLowerCase()}`, { const post = fetch(`http://localhost:8081/v1/submissions/1/status/${action}`, {
method: "POST", method: "POST",
headers: { headers: {
"Content-type": "application/json", "Content-type": "application/json",
@ -36,18 +38,18 @@ function ReviewButtonClicked(type: Review) {
} }
function ReviewButton(props: ReviewButton) { function ReviewButton(props: ReviewButton) {
return <Button color={props.color} variant="contained" onClick={() => { ReviewButtonClicked(props.name) }}>{props.name}</Button> return <Button color={props.color} variant="contained" onClick={() => { ReviewButtonClicked(props.action) }}>{props.name}</Button>
} }
export default function ReviewButtons() { export default function ReviewButtons() {
return ( return (
<section className="review-set"> <section className="review-set">
<ReviewButton color="error" name="Reject"/> <ReviewButton color="error" name="Reject" action="reject"/>
<ReviewButton color="info" name="Revoke"/> <ReviewButton color="info" name="Revoke" action="revoke"/>
<ReviewButton color="info" name="Publish"/> <ReviewButton color="info" name="Publish" action="trigger-publish"/>
<ReviewButton color="info" name="Completed"/> <ReviewButton color="info" name="Completed" action="completed"/>
<ReviewButton color="info" name="Submit"/> <ReviewButton color="info" name="Submit" action="submit"/>
<ReviewButton color="info" name="Validate"/> <ReviewButton color="info" name="Validate" action="trigger-validate"/>
</section> </section>
) )
} }