Very small update and fix (MystenLabs#3140)

* small changes/fixes

* lint update

* update e2e testing, added section

* fix home page height

* update

* rm recent changes

explorer/client/src/__tests__/e2e.test.ts

@@ -19,7 +19,7 @@ const coinGroup = (num: number) => {
     };
 };
 
-const mainBodyCSS = 'main > div';
+const mainBodyCSS = 'main > section > div';
 
 const nftObject = (num: number) => `div#ownedObjects > div:nth-child(${num})`;
 

explorer/client/src/app/App.module.css

@@ -14,3 +14,7 @@ main {
     @apply relative z-10 py-2 min-h-[77vh]  
     bg-offwhite rounded-[20px] shadow-2xl;
 }
+
+.suicontainer {
+    @apply max-w-[1440px] mx-auto p-5;
+}

explorer/client/src/app/App.tsx

@@ -15,7 +15,9 @@ function App() {
             <div className={styles.app}>
                 <Header />
                 <main>
-                    <AppRoutes />
+                    <section className={styles.suicontainer}>
+                        <AppRoutes />
+                    </section>
                 </main>
                 <Footer />
             </div>

explorer/client/src/components/tabs/TabFooter.tsx

@@ -25,7 +25,7 @@ function TabFooter({
                 <></>
             )}
             {stats && (
-                <p>
+                <p className={styles.stats}>
                     {typeof stats.count === 'number'
                         ? numberSuffix(stats.count)
                         : stats.count}{' '}

explorer/client/src/components/tabs/Tabs.module.css

@@ -28,3 +28,7 @@
 .tabsfooter a {
     @apply text-gray-700 font-semibold;
 }
+
+.stats {
+    @apply ml-auto;
+}

explorer/client/src/components/transaction-card/RecentTxCard.tsx

@@ -112,7 +112,9 @@ function LatestTxView({
     const totalCount = results.totalTxcount || 1;
     const [searchParams, setSearchParams] = useSearchParams();
     const pageParam = parseInt(searchParams.get('p') || '1', 10);
-    const [showNextPage, setShowNextPage] = useState(true);
+    const [showNextPage, setShowNextPage] = useState(
+        NUMBER_OF_TX_PER_PAGE < totalCount
+    );
 
     const changePage = useCallback(() => {
         const nextpage = pageParam + (showNextPage ? 1 : 0);

explorer/client/src/pages/home/Home.module.css

@@ -1,7 +1,7 @@
 div.home {
-    @apply bg-white min-h-screen;
+    @apply bg-white;
 }
 
 div.container {
-    @apply min-h-screen mx-auto grid md:grid-cols-2 grid-cols-1 max-w-[1440px] pl-5 pr-5 pt-10 gap-10;
+    @apply mx-auto grid md:grid-cols-2 grid-cols-1;
 }