feat: add on Bottom at the end of project list

spandan972 · Jan 13, 2024 · bdf66e7 · bdf66e7
1 parent a3094ca
commit bdf66e7
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/apps/potlock/widget/Components/ListSection.jsx b/apps/potlock/widget/Components/ListSection.jsx
@@ -224,6 +224,14 @@ const Tag = styled.div`
   }
 `;
 
+const OnBottom = styled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px 0;
+`;
+
 return (
   <Container>
     <Header>
@@ -252,5 +260,6 @@ return (
     <InfiniteScroll loadMore={loadProjects} hasMore={lastNumberOfProject < totalProjects.length}>
       <ProjectList>{displayProject}</ProjectList>
     </InfiniteScroll>
+    {lastNumberOfProject >= totalProjects.length && <OnBottom>On bottom</OnBottom>}
   </Container>
 );