fix: Modify pagination and Personal access tokens without token displ…

…ay (#268) feat: Modify pagination and Personal access tokens without token display
dragonflyoss · Aug 21, 2023 · 832f1cd · 832f1cd
1 parent 89267ff
commit 832f1cd
Show file tree

Hide file tree

Showing 4 changed files with 256 additions and 158 deletions.
diff --git a/src/components/clusters/index.tsx b/src/components/clusters/index.tsx
@@ -26,7 +26,7 @@ import { createTheme, ThemeProvider } from '@mui/material/styles';
 import MoreTimeIcon from '@mui/icons-material/MoreTime';
 import ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';
 import { useNavigate } from 'react-router-dom';
-import { DEFAULT_PAGE_SIZE ,MAX_PAGE_SIZE} from '../../lib/constants';
+import { DEFAULT_PAGE_SIZE, MAX_PAGE_SIZE } from '../../lib/constants';
 
 const theme = createTheme({
   breakpoints: {
@@ -409,17 +409,21 @@ export default function Clusters() {
               </Box>
             ))}
         </Grid>
-        <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
-          <Pagination
-            count={totalPages}
-            page={page}
-            onChange={(_event: any, newPage: number) => {
-              setPage(newPage);
-            }}
-            color="primary"
-            size="small"
-          />
-        </Box>
+        {totalPages > 1 ? (
+          <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
+            <Pagination
+              count={totalPages}
+              page={page}
+              onChange={(_event: any, newPage: number) => {
+                setPage(newPage);
+              }}
+              color="primary"
+              size="small"
+            />
+          </Box>
+        ) : (
+          <></>
+        )}
       </ThemeProvider>
     </Box>
   );

diff --git a/src/components/clusters/show.tsx b/src/components/clusters/show.tsx
@@ -864,17 +864,21 @@ export default function ShowCluster() {
           </LoadingButton>
         </DialogActions>
       </Dialog>
-      <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
-        <Pagination
-          count={schedulerTotalPages}
-          page={schedulerPage}
-          onChange={(_event: any, newPage: number) => {
-            setSchedulerPage(newPage);
-          }}
-          color="primary"
-          size="small"
-        />
-      </Box>
+      {schedulerTotalPages > 1 ? (
+        <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
+          <Pagination
+            count={schedulerTotalPages}
+            page={schedulerPage}
+            onChange={(_event: any, newPage: number) => {
+              setSchedulerPage(newPage);
+            }}
+            color="primary"
+            size="small"
+          />
+        </Box>
+      ) : (
+        <></>
+      )}
       <Typography variant="subtitle1" gutterBottom fontFamily="mabry-bold" mt="2rem" mb="1rem">
         Seed Peer Cluster
       </Typography>
@@ -1138,17 +1142,21 @@ export default function ShowCluster() {
           </LoadingButton>
         </DialogActions>
       </Dialog>
-      <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
-        <Pagination
-          count={seedPeerTotalPages}
-          page={seedPeerPage}
-          onChange={(_event: any, newPage: number) => {
-            setSeedPeerPage(newPage);
-          }}
-          color="primary"
-          size="small"
-        />
-      </Box>
+      {seedPeerTotalPages > 1 ? (
+        <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
+          <Pagination
+            count={seedPeerTotalPages}
+            page={seedPeerPage}
+            onChange={(_event: any, newPage: number) => {
+              setSeedPeerPage(newPage);
+            }}
+            color="primary"
+            size="small"
+          />
+        </Box>
+      ) : (
+        <></>
+      )}
       <Grid sx={{ height: 2 }}> </Grid>
     </ThemeProvider>
   );