Add: show reviews created by user

web/src/component/ReviewPage.js

@@ -1,11 +1,9 @@
 import { useState, useEffect } from "react";
-import { useParams, useNavigate } from "react-router";
-import { Link } from "react-router-dom";
-import { convertIntToDateTime } from "./Common";
+import { useParams } from "react-router";
+import ReviewEntry from "./ReviewEntry";
 
 function ReviewPage(props) {
   let params = useParams();
-  let navigate = useNavigate();
   const [newReview, setNewReview] = useState("");
   const [reviews, setReviews] = useState([]);
 
@@ -60,25 +58,7 @@ function ReviewPage(props) {
       <h3>Review Page</h3>
       <div>
         {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)}{" "}
-            </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>
+          <ReviewEntry key={review.id} review={review} user={props.user} />
         ))}
       </div>
       <div>