From 217e7ab294f1f808ae45874e1256ab94b644cdf1 Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Thu, 24 Jun 2021 18:58:58 -0500
Subject: [PATCH] fix enumerated profile posts

---
 components/items.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/items.js b/components/items.js
index 07336b6b..619e33ec 100644
--- a/components/items.js
+++ b/components/items.js
@@ -11,7 +11,7 @@ export default function Items ({ variables, rank }) {
   })
   if (error) return <div>Failed to load!</div>
   if (loading) {
-    return <ItemsSkeleton />
+    return <ItemsSkeleton rank={rank} />
   }
 
   const { moreItems: { items, cursor } } = data
@@ -22,28 +22,28 @@ export default function Items ({ variables, rank }) {
           <Item item={item} rank={rank && i + 1} key={item.id} />
         ))}
       </div>
-      <MoreFooter cursor={cursor} fetchMore={fetchMore} offset={items.length} />
+      <MoreFooter cursor={cursor} fetchMore={fetchMore} offset={items.length} rank={rank} />
     </>
   )
 }
 
-function ItemsSkeleton ({ startRank = 0 }) {
+function ItemsSkeleton ({ rank, startRank = 0 }) {
   const items = new Array(21).fill(null)
 
   return (
     <div className={styles.grid}>
       {items.map((_, i) => (
-        <ItemSkeleton rank={i + startRank + 1} key={i + startRank} />
+        <ItemSkeleton rank={rank && i + startRank + 1} key={i + startRank} />
       ))}
     </div>
   )
 }
 
-function MoreFooter ({ cursor, fetchMore, offset }) {
+function MoreFooter ({ cursor, fetchMore, rank, offset }) {
   const [loading, setLoading] = useState(false)
 
   if (loading) {
-    return <ItemsSkeleton startRank={offset} />
+    return <ItemsSkeleton rank={rank} startRank={offset} />
   }
 
   let Footer