feat: hide pagination if single page

regen-network · Nov 20, 2024 · c979e53 · c979e53
1 parent 78cd078
commit c979e53
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/web-marketplace/src/pages/Projects/AllProjects/AllProjects.tsx b/web-marketplace/src/pages/Projects/AllProjects/AllProjects.tsx
@@ -386,21 +386,23 @@ export const AllProjects: React.FC<React.PropsWithChildren<unknown>> = () => {
           </>
         </EmptyState>
       )}
-      <Flex
-        sx={{
-          gridColumn: '1/-1',
-          mt: pxToRem(28),
-          justifyContent: { xs: 'center', tablet: 'end' },
-        }}
-      >
-        <Pagination
-          count={pagesCount}
-          page={Number(routePage)}
-          onChange={(event, value) => navigate(`/projects/${value}`)}
-          size={isMobile ? 'small' : 'large'}
-          colorScheme={COLOR_SCHEME}
-        />
-      </Flex>
+      {pagesCount > 1 && (
+        <Flex
+          sx={{
+            gridColumn: '1/-1',
+            mt: pxToRem(28),
+            justifyContent: { xs: 'center', tablet: 'end' },
+          }}
+        >
+          <Pagination
+            count={pagesCount}
+            page={Number(routePage)}
+            onChange={(event, value) => navigate(`/projects/${value}`)}
+            size={isMobile ? 'small' : 'large'}
+            colorScheme={COLOR_SCHEME}
+          />
+        </Flex>
+      )}
     </>
   );
 };