From 8f1a7b45f205df8255483659cd8cf86ecb9481c8 Mon Sep 17 00:00:00 2001
From: josetano2 <josejonathan.tano@gmail.com>
Date: Fri, 23 Aug 2024 12:26:12 +0700
Subject: [PATCH] feat: bug fix

---
 src/ss_frontend/src/components/HomePost.jsx | 10 +++++-----
 src/ss_frontend/src/pages/PeoplePage.jsx    |  9 +++------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/ss_frontend/src/components/HomePost.jsx b/src/ss_frontend/src/components/HomePost.jsx
index f7c4617..a715c67 100644
--- a/src/ss_frontend/src/components/HomePost.jsx
+++ b/src/ss_frontend/src/components/HomePost.jsx
@@ -75,7 +75,7 @@ const HomePost = ({ post, choosePost, refetch }) => {
                         <p className='text-xl font-medium'>{name}</p>
                     </div>
                     <p className='text-base '>{post.description}</p>
-                    {post.images.length != 0 && (
+                    {post && post.images && post.images.length != 0 && (
                         <div className="items-center w-full flex justify-start gap-4 p-4 overflow-x-scroll">
                             {post.images.map((imageUrl) => {
                                 return (
@@ -98,18 +98,18 @@ const HomePost = ({ post, choosePost, refetch }) => {
                     <div className='flex items-center gap-2 cursor-pointer' onClick={handleLike}>
                         {liked == true ? <>
                             <IoMdHeart className='size-6' />
-                            <p className='text-lg text-gray-500'>{post.likes.length}</p>
+                            <p className='text-lg text-gray-500'>{post && post.likes && post.likes.length}</p>
                         </> : <><IoIosHeartEmpty className='size-6' />
-                            <p className='text-lg text-gray-500'>{post.likes.length}</p></>}
+                            <p className='text-lg text-gray-500'>{post && post.likes && post.likes.length}</p></>}
 
                     </div>
                     <div className='flex items-center gap-2'>
                         <FaRegComments className='size-6' />
-                        <p className='text-lg text-gray-500'>{post.comments.length}</p>
+                        <p className='text-lg text-gray-500'>{post && post.comments && post.comments.length}</p>
                     </div>
                     <div className='flex items-center gap-2'>
                         <RiMoneyDollarCircleLine className='size-6' />
-                        <p className='text-lg text-gray-500'>{post.investors.length}</p>
+                        <p className='text-lg text-gray-500'>{post && post.investors && post.investors.length}</p>
                     </div>
                 </div>
                 {
diff --git a/src/ss_frontend/src/pages/PeoplePage.jsx b/src/ss_frontend/src/pages/PeoplePage.jsx
index 6297412..9599d4e 100644
--- a/src/ss_frontend/src/pages/PeoplePage.jsx
+++ b/src/ss_frontend/src/pages/PeoplePage.jsx
@@ -1,14 +1,11 @@
 import React, { useState, useEffect } from "react";
-import { useQuery, QueryClient, QueryClientProvider } from "react-query";
+import { useQuery } from "react-query";
 import MainTemplate from "../templates/MainTemplate";
 import profile_1 from "../assets/about/theo.jpg";
 import profile_2 from "../assets/about/ryan.jpg";
 import People from "../components/People";
 import { ss_backend } from "../../../declarations/ss_backend";
 
-// Create a QueryClient instance
-const queryClient = new QueryClient();
-
 const PeoplePage = () => {
   const [people, setPeople] = useState();
   const { isLoading, error, isFetching } = useQuery({
@@ -42,10 +39,10 @@ const PeoplePage = () => {
   return (
     <MainTemplate>
       <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 p-4 pt-24">
-        {isLoading || isFetching ? <></> : people}
+        {/* {isLoading || isFetching ? <></> : people} */}
       </div>
     </MainTemplate>
   );
 };
 
-export default PeoplePage;
\ No newline at end of file
+export default PeoplePage;