fixed the fucking loop

lGnyte · May 28, 2024 · d0b6938 · d0b6938
1 parent 5fa2643
commit d0b6938
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/src/components/BrowseAccommodations.tsx b/src/components/BrowseAccommodations.tsx
@@ -22,10 +22,6 @@ export default function BrowseAccommodations(props: {posts: any[]}) {
     }))
   }, [debouncedQuery, props.posts])
 
-  useEffect(() => {
-    console.log("Filtered posts", filteredPosts)
-  }, [filteredPosts]);
-
   return (
     <div className="mb-10">
       <label className="text-lg mr-2" htmlFor="search">Browse by location or name:</label>

diff --git a/src/components/PostsFeed.tsx b/src/components/PostsFeed.tsx
@@ -10,17 +10,18 @@ import { BsCashCoin } from "react-icons/bs";
 
 export default function PostsFeed(props: {usertype?: string, setFeedPosts?: React.Dispatch<SetStateAction<any[]>>}) {
   const [posts, setPosts] = useState([] as DocumentData[]);
+  const { usertype, setFeedPosts } = props
 
   useEffect(() => {
     (async () => {
       const querySnapshot = await getDocs(collection(db, 'accommodations'));
       const postsData = querySnapshot.docs.map(doc => ({...doc.data(), id: doc.id}));
       setPosts(postsData);
-      if(props.setFeedPosts) {
-        props.setFeedPosts(postsData)
+      if(setFeedPosts) {
+        setFeedPosts(postsData)
       }
     })();
-  }, [props]);
+  }, [setFeedPosts]);
 
   return (
     <section className="grid grid-cols-3 gap-4">
@@ -40,9 +41,9 @@ export default function PostsFeed(props: {usertype?: string, setFeedPosts?: Reac
               }
             </div>
             <p className="text-sm mb-4"><BsCashCoin className="inline-block" /> <strong>{post.price} RON</strong> per room</p>
-            {props.usertype === "guest" ?
+            {usertype === "guest" ?
               <Link href={`display_accommodation/${post.id}`} className="bg-gray-800 hover:bg-gray-500 rounded-md duration-200 px-4 py-2 text-white font-semibold mt-2">View Experience</Link>
-              : props.usertype !== "host" &&
+              : usertype !== "host" &&
               <button disabled className="px-2 py-1 bg-gray-300 cursor-not-allowed rounded-md">Sign In to view</button>
             }
           </div>