UI: add space to blacklist record footer (#1001)

* refactor: add spacing to blacklist record footer

* refactor: remove duplicated if condition

* refactor: remove return from void function

* fix: remove react warning for unrecognized property

original warning:
Warning: React does not recognize the `cellHeight` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `cellheight` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

* fix: should use default pagesize

---------

Co-authored-by: Zarrewitch <>

Author: Zarrewitch

rcongui/src/components/Blacklist/BlacklistRecordGrid.js

@@ -165,9 +165,6 @@ const BlacklistRecordTile = ({
                     const text = getReportTemplate();
                     if (navigator.clipboard === undefined) {
                       alert(`This feature only works if your rcon uses HTTPS.`);
-                      return;
-                    }
-                    if (navigator.clipboard === undefined) {
                     } else {
                       navigator.clipboard.writeText(text).then(
                         function () {
@@ -204,8 +201,7 @@ const BlacklistRecordTile = ({
         <Grid
           container
           justifyContent="space-around"
-          spacing={0}
-          
+          spacing={1}
         >
           <Grid>
             <Tooltip title={createdAt.format("LLLL")} arrow>
@@ -313,7 +309,7 @@ const BlacklistRecordGrid = ({
       (<Fragment>
         <Grid container>
           <Grid size={12}>
-            <ImageList cols={size} cellHeight={210} spacing={12}>
+              <ImageList cols={size} spacing={12}>
               {records.map((record) => {
                 return (
                   <ImageListItem

rcongui/src/pages/records/blacklists/index.jsx

@@ -207,7 +207,7 @@ const BlacklistRecords = () => {
       </Grid>
       <Grid size={12}>
         <MyPagination
-          pageSize={searchQuery.pageSize}
+          pageSize={searchQuery.page_size}
           page={page}
           setPage={setPage}
           total={totalRecords}
@@ -223,7 +223,7 @@ const BlacklistRecords = () => {
       </Grid>
       <Grid size={12}>
         <MyPagination
-          pageSize={searchQuery.pageSize}
+          pageSize={searchQuery.page_size}
           page={page}
           setPage={setPage}
           total={totalRecords}