display count for personal posts

394-w25 · Jan 22, 2025 · 83af959 · 83af959
1 parent 3c8c8e8
commit 83af959
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 11 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -113,7 +113,7 @@ function App() {
               : <Navigate to="/" />} 
           />
           <Route path="/my-friends" element={isAuthenticated ? <MyFriends user={user} friends={friends} /> : <Navigate to="/" />} />
-          <Route path="/rating-history" element={isAuthenticated ? <RatingHistory userName={user} profilePic={profilePic}/> : <Navigate to="/" />} />
+          <Route path="/rating-history" element={isAuthenticated ? <RatingHistory userName={user} profilePic={profilePic} filteredPost={filteredPost} setFilteredPost={setFilteredPost}/> : <Navigate to="/" />} />
           <Route path="/comment/:post_id" element={isAuthenticated ? <Comment userName={user} profilePic={profilePic} /> : <Navigate to="/" />} />
           <Route path="*" element={<Navigate to="/" />} />
         </Routes>

diff --git a/src/components/Account/Account.jsx b/src/components/Account/Account.jsx
@@ -13,8 +13,7 @@ function Account({
   userName,
   userEmail,
   profilePic,
-  filteredPost,
-  setFilteredPost
+  filteredPost
 }) {
   const navigate = useNavigate();
   const [friendCount, setFriendCount] = useState(0);

diff --git a/src/components/RatingHistory/RatingHistory.jsx b/src/components/RatingHistory/RatingHistory.jsx
@@ -9,8 +9,7 @@ import Avatar from '@mui/material/Avatar';
 import { useState, useEffect } from 'react';
 
 
-function RatingHistory({ userName, profilePic }) {
-    const [filteredPost, setFilteredPost] = useState([]);
+function RatingHistory({ userName, filteredPost, setFilteredPost}) {
 
     const fake_friends = ["Alice", "Bob", "Charlie", "David"];
  // Add userName as a dependency to prevent it from running infinitely    
@@ -44,12 +43,6 @@ function RatingHistory({ userName, profilePic }) {
         fetchPosts();
     }, [userName]); // Add userName as a dependency to prevent it from running infinitely
 
-    // print out the posts
-    useEffect(() => {
-        console.log(filteredPost);
-    }
-    , [filteredPost]);
-
     return (
         <div>
             <AppBar />