diff --git a/packages/web/components/PostGallery/PostGallery.tsx b/packages/web/components/PostGallery/PostGallery.tsx
index f92dda9..1655d68 100644
--- a/packages/web/components/PostGallery/PostGallery.tsx
+++ b/packages/web/components/PostGallery/PostGallery.tsx
@@ -5,24 +5,36 @@ import { PublishedPostWithTags } from '@core/post';
 import PostCard from '@/components/PostCard';
 import { useEffect, useState } from 'react';
 import PostSkeletonGallery from '../PostSkeletonGallery';
+// import useAbortController from '@/hooks/useAbortController';
 
 interface Props {
   getPosts: Function;
 }
 
 const PostGallery = ({ getPosts }: Props) => {
+  // const signal = useAbortController();
   const [posts, setPosts] = useState<PublishedPostWithTags[]>([]);
 
   useEffect(() => {
     const getData = async () => {
+      // return new Promise((resolve) => {
+      //   setTimeout(async () => {
+      console.log(`PostGallery getting posts...`);
       const data = await getPosts();
-      setPosts(data);
+      console.log(`PostGallery got posts`, data);
+
+      if (!!data && data.length) {
+        setPosts(data);
+      }
+      //     resolve();
+      //   }, 5000);
+      // });
     };
 
     getData();
   }, []);
 
-  if (posts.length) {
+  if (!!posts && posts.length) {
     return (
       <div className={styles.gallery}>
         {posts.map((post) => {