Add: modify review

web/src/component/EditReview.js

@@ -0,0 +1,75 @@
+import { useEffect, useState } from "react";
+import { useParams, useNavigate } from "react-router";
+
+function SingleReview() {
+  let params = useParams();
+  let navigate = useNavigate();
+
+  const [review, setReview] = useState({
+    id: "",
+    user_id: "",
+    file_id: "",
+    content: "",
+    created_at: "",
+    updated_at: "",
+  });
+
+  function refresh() {
+    fetch("/api/v1/get_review", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        id: parseInt(params.id),
+      }),
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        if (data.error) {
+          alert(data.error);
+        } else {
+          setReview(data.review);
+        }
+      });
+  }
+
+  function save() {
+    fetch("/api/v1/update_review", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        id: parseInt(params.id),
+        content: review.content,
+      }),
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        if (data.error) {
+          alert(data.error);
+        } else {
+          alert("Review updated!");
+          navigate(-1);
+        }
+      });
+  }
+
+  useEffect(() => {
+    refresh();
+  }, []);
+
+  return (
+    <div className="page">
+      <h3>Edit Review</h3>
+      <textarea
+        value={review.content}
+        onChange={(e) => setReview({ ...review, content: e.target.value })}
+      ></textarea>
+      <button onClick={() => save()}>Save</button>
+    </div>
+  );
+}
+
+export default SingleReview;

web/src/component/ReviewPage.js

@@ -1,10 +1,11 @@
 import { useState, useEffect } from "react";
-import { useParams } from "react-router";
+import { useParams, useNavigate } from "react-router";
 import { Link } from "react-router-dom";
 import { convertIntToDateTime } from "./Common";
 
-function ReviewPage() {
+function ReviewPage(props) {
   let params = useParams();
+  let navigate = useNavigate();
   const [newReview, setNewReview] = useState("");
   const [reviews, setReviews] = useState([]);
 
@@ -61,10 +62,22 @@ function ReviewPage() {
         {reviews.map((review) => (
           <div key={review.id}>
             <h4>
-              <Link to={`/manage/users/${review.user.id}`}>@{review.user.username}</Link> wrote on{" "}
-              {convertIntToDateTime(review.created_at)}{" "}
+              <Link to={`/manage/users/${review.user.id}`}>
+                @{review.user.username}
+              </Link>{" "}
+              wrote on {convertIntToDateTime(review.created_at)}{" "}
             </h4>
             <p>{review.content}</p>
+            {(props.user.role === 1 || review.user.id === props.user.id) &&
+              props.user.role != 0 && (
+                <button
+                  onClick={() => {
+                    navigate(`/manage/reviews/${review.id}`);
+                  }}
+                >
+                  Edit
+                </button>
+              )}
           </div>
         ))}
       </div>