[explorer] Replaces 'First' with '1' and 'Last' with Final Page Numbe…

…r in Pagination (MystenLabs#3419) * replaces 'First' with '1' and 'Last' with Final Page Number * stablize width of pagination * adds polyfills to the webpack config * add browserify dependencies * remove duplicate license statements * license for webpack config file * fix transaction definition test * Revert "fix transaction definition test" This reverts commit 2961380. * Update index.guard.ts * fix authSignInfo sig field * Delete webpack.config.js * Update package.json Co-authored-by: Stella Cannefax <[email protected]>
blcozgn · Jul 22, 2022 · 1b343bb · 1b343bb
1 parent f49c793
commit 1b343bb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/explorer/client/src/components/pagination/Pagination.module.css b/explorer/client/src/components/pagination/Pagination.module.css
@@ -88,14 +88,15 @@ button.gone {
 /* Mobile */
 
 .mobilefooter {
-    @apply sm:hidden block;
+    @apply sm:hidden block w-[85vw];
 }
 
 .mobiletoprow {
     @apply sm:hidden block grid grid-cols-6 my-2;
 }
 
-.mobiletoprow > button:nth-child(1) {
+.mobiletoprow > button:nth-child(1),
+.mobiletoprow > button:nth-child(3) {
     @apply col-span-1;
 }
 

diff --git a/explorer/client/src/components/pagination/Pagination.tsx b/explorer/client/src/components/pagination/Pagination.tsx
@@ -131,7 +131,7 @@ function Pagination({
         <></>
     );
 
-    const IndexZeroButton = (label: string) => (
+    const IndexZeroButton = (label: string = '1') => (
         <button
             className={
                 pageIndex === 0 ? styles.pagenumber : styles.btncontainer
@@ -204,7 +204,7 @@ function Pagination({
     const desktopPagination = (
         <div>
             {BackButton}
-            {IndexZeroButton('1')}
+            {IndexZeroButton()}
 
             <button
                 className={
@@ -262,11 +262,11 @@ function Pagination({
     const mobilePagination = (
         <div>
             <div className={styles.mobiletoprow}>
-                {IndexZeroButton('First')}
+                {IndexZeroButton()}
                 <button className={styles.basecontainer}>
-                    Page {pageIndex + 1} of {finalPageNo}
+                    Page {pageIndex + 1}
                 </button>
-                {FinalPageButton(finalPageNo, 'Last')}
+                {FinalPageButton(finalPageNo)}
             </div>
             <div className={styles.mobilebottomrow}>
                 {BackButton}