From 922b2370ee553bf85ac6ee1a462253f94aa75d6b Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Tue, 14 Dec 2021 00:47:46 +0800
Subject: [PATCH] Update: review entry edit button to Link

---
 web/src/component/ReviewEntry.js | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/web/src/component/ReviewEntry.js b/web/src/component/ReviewEntry.js
index 851361e..04546be 100644
--- a/web/src/component/ReviewEntry.js
+++ b/web/src/component/ReviewEntry.js
@@ -1,9 +1,7 @@
 import { Link } from "react-router-dom";
-import { useNavigate } from "react-router";
 import { convertIntToDateTime } from "./Common";
 
 function ReviewEntry(props) {
-  let navigate = useNavigate();
   return (
     <div>
       <h4>
@@ -12,19 +10,15 @@ function ReviewEntry(props) {
         </Link>{" "}
         wrote on {convertIntToDateTime(props.review.created_at)}{" "}
         {props.review.updated_at !== 0 &&
-          "(modified on " + convertIntToDateTime(props.review.updated_at) + ")"}
+          "(modified on " +
+            convertIntToDateTime(props.review.updated_at) +
+            ")"}{" "}
+        {(props.user.role === 1 || props.review.user.id === props.user.id) &&
+          props.user.role !== 0 && 
+            <Link to={`/manage/reviews/${props.review.id}`}>Edit</Link>
+          }
       </h4>
       <p>{props.review.content}</p>
-      {(props.user.role === 1 || props.review.user.id === props.user.id) &&
-        props.user.role !== 0 && (
-          <button
-            onClick={() => {
-              navigate(`/manage/reviews/${props.review.id}`);
-            }}
-          >
-            Edit
-          </button>
-        )}
     </div>
   );
 }