Add: show reviews created by user

pkg/api/api.go

@@ -98,6 +98,7 @@ func NewAPI(config Config) (*API, error) {
 	apiMux.HandleFunc("/get_review", api.HandleGetReview)
 	apiMux.HandleFunc("/update_review", api.HandleUpdateReview)
 	apiMux.HandleFunc("/delete_review", api.HandleDeleteReview)
+	apiMux.HandleFunc("/get_reviews_by_user", api.HandleGetReviewsByUser)
 	// below needs token
 	apiMux.HandleFunc("/walk", api.HandleWalk)
 	apiMux.HandleFunc("/reset", api.HandleReset)

pkg/api/handle_user.go

@@ -192,3 +192,28 @@ func (api *API) GetUserID(w http.ResponseWriter, r *http.Request) (int64, error)
 
 	return userId.(int64), nil
 }
+
+type GetReviewsByUserRequest struct {
+	ID int64 `json:"id"`
+}
+
+func (api *API) HandleGetReviewsByUser(w http.ResponseWriter, r *http.Request) {
+	req := &GetReviewsByUserRequest{}
+	err := json.NewDecoder(r.Body).Decode(req)
+	if err != nil {
+		api.HandleError(w, r, err)
+		return
+	}
+
+	reviews, err := api.Db.GetReviewsByUser(req.ID)
+	if err != nil {
+		api.HandleError(w, r, err)
+		return
+	}
+
+	err = json.NewEncoder(w).Encode(reviews)
+	if err != nil {
+		api.HandleError(w, r, err)
+		return
+	}
+}

pkg/database/method_review.go

@@ -71,3 +71,35 @@ func (database *Database) DeleteReview(reviewId int64) error {
 	_, err := database.stmt.deleteReview.Exec(reviewId)
 	return err
 }
+
+func (database *Database) GetReviewsByUser(userId int64) ([]*Review, error) {
+	rows, err := database.stmt.getReviewsByUser.Query(userId)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	reviews := make([]*Review, 0)
+	for rows.Next() {
+		review := &Review{
+			User: &User{},
+			File: &File{},
+		}
+		err := rows.Scan(
+			&review.ID,
+			&review.CreatedAt,
+			&review.UpdatedAt,
+			&review.Content,
+			&review.User.ID,
+			&review.User.Username,
+			&review.User.Role,
+			&review.User.AvatarId,
+			&review.File.ID,
+			&review.File.Filename)
+		if err != nil {
+			return nil, err
+		}
+		reviews = append(reviews, review)
+	}
+	return reviews, nil
+}

pkg/database/sql_stmt.go

@@ -224,6 +224,17 @@ var updateReviewQuery = `UPDATE reviews SET content = ?, updated_at = ? WHERE id
 
 var deleteReviewQuery = `DELETE FROM reviews WHERE id = ?;`
 
+var getReviewsByUserQuery = `SELECT
+reviews.id, reviews.created_at, reviews.updated_at, reviews.content,
+users.id, users.username, users.role, users.avatar_id,
+files.id, files.filename
+FROM reviews
+JOIN users ON reviews.user_id = users.id
+JOIN files ON reviews.file_id = files.id
+WHERE reviews.user_id = ?
+ORDER BY reviews.created_at
+;`
+
 type Stmt struct {
 	initFilesTable     *sql.Stmt
 	initFoldersTable   *sql.Stmt
@@ -269,6 +280,7 @@ type Stmt struct {
 	getReview          *sql.Stmt
 	updateReview       *sql.Stmt
 	deleteReview       *sql.Stmt
+	getReviewsByUser   *sql.Stmt
 }
 
 func NewPreparedStatement(sqlConn *sql.DB) (*Stmt, error) {
@@ -603,5 +615,11 @@ func NewPreparedStatement(sqlConn *sql.DB) (*Stmt, error) {
 		return nil, err
 	}
 
+	// init getReviewsByUser
+	stmt.getReviewsByUser, err = sqlConn.Prepare(getReviewsByUserQuery)
+	if err != nil {
+		return nil, err
+	}
+
 	return stmt, err
 }

web/src/App.js

@@ -16,6 +16,7 @@ import EditReview from "./component/EditReview";
 import AudioPlayer from "./component/AudioPlayer";
 import UserStatus from "./component/UserStatus";
 import ReviewPage from "./component/ReviewPage";
+import UserProfile from "./component/UserProfile";
 import { useState } from "react";
 
 function App() {
@@ -88,6 +89,10 @@ function App() {
               path="/manage/reviews/:id"
               element={<EditReview user={user} />}
             />
+            <Route
+              path="/manage/users/:id"
+              element={<UserProfile user={user} setUser={setUser} />}
+            />
             <Route
               path="/files/:id"
               element={<FileInfo setPlayingFile={setPlayingFile} />}

web/src/component/ReviewEntry.js

@@ -0,0 +1,30 @@
+import { Link } from "react-router-dom";
+import { useNavigate } from "react-router";
+import { convertIntToDateTime } from "./Common";
+
+function ReviewEntry(props) {
+  let navigate = useNavigate();
+  return (
+    <div>
+      <h4>
+        <Link to={`/manage/users/${props.review.user.id}`}>
+          @{props.review.user.username}
+        </Link>{" "}
+        wrote on {convertIntToDateTime(props.review.created_at)}{" "}
+      </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>
+  );
+}
+
+export default ReviewEntry;

web/src/component/ReviewPage.js

@@ -1,11 +1,9 @@
 import { useState, useEffect } from "react";
-import { useParams, useNavigate } from "react-router";
+import { useParams } from "react-router";
-import { Link } from "react-router-dom";
+import ReviewEntry from "./ReviewEntry";
-import { convertIntToDateTime } from "./Common";
 
 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}>
+          <ReviewEntry key={review.id} review={review} user={props.user} />
-            <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>
         ))}
       </div>
       <div>

web/src/component/UserProfile.js

@@ -0,0 +1,51 @@
+import { useState, useEffect } from "react";
+import { useParams } from "react-router";
+import ReviewEntry from "./ReviewEntry";
+
+function UserProfile(props) {
+  let params = useParams();
+  const [reviews, setReviews] = useState([]);
+
+  function getReviews() {
+    fetch("/api/v1/get_reviews_by_user", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+      },
+      body: JSON.stringify({
+        id: parseInt(params.id),
+      }),
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        if (data.error) {
+          alert(data.error);
+        } else {
+          setReviews(data);
+        }
+      });
+  }
+
+  useEffect(() => {
+    getReviews();
+  }, []);
+
+  return (
+    <div className="page">
+      <h3>User Profile</h3>
+      <div>
+        <h4>Reviews</h4>
+        {reviews.map((review) => (
+          <ReviewEntry
+            key={review.id}
+            review={review}
+            user={props.user}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export default UserProfile;