From dc91ffbf93a1bfcacf3b82e5b3232724197887c8 Mon Sep 17 00:00:00 2001
From: 2712 <2712@trustless.computer>
Date: Wed, 11 Sep 2024 15:09:35 +0700
Subject: [PATCH] feat: update heartbeats

---
 src/modules/l2-rollup/index.tsx | 104 ++++++++++++++++----------------
 1 file changed, 52 insertions(+), 52 deletions(-)

diff --git a/src/modules/l2-rollup/index.tsx b/src/modules/l2-rollup/index.tsx
index a9e1d291b..1a700cd85 100644
--- a/src/modules/l2-rollup/index.tsx
+++ b/src/modules/l2-rollup/index.tsx
@@ -1128,6 +1128,58 @@ const L2Rollup = () => {
             </TabList>
             <TabPanels className={s.tabPanel}>
               <TabPanel>
+                <Flex
+                  className={s.totalContainer}
+                  bg="#FAFAFA"
+                  w="100%"
+                  direction={'column'}
+                  gap={'8px'}
+                  mt={'32px'}
+                >
+                  <Text
+                    fontSize={'24px'}
+                    fontWeight={'600'}
+                    textAlign={'center'}
+                  >
+                    Total
+                  </Text>
+                  <Flex
+                    w="100%"
+                    direction={'row'}
+                    justifyContent={'space-evenly'}
+                  >
+                    {renderItemTotal(
+                      'TPS',
+                      formatCurrency(total.tps, MIN_DECIMAL, MIN_DECIMAL),
+                      'The total transactions per second',
+                      bitcoinRollup
+                        ? `(${formatCurrency(
+                            Math.abs(total.tps / bitcoinRollup.tps),
+                            MIN_DECIMAL,
+                            MIN_DECIMAL,
+                          )}x)`
+                        : '-',
+                    )}
+                    {renderItemTotal(
+                      'Mgas/s',
+                      formatCurrency(total.mgas, MIN_DECIMAL, MIN_DECIMAL),
+                      'The total megagas (Million Gas) per second',
+                      '',
+                    )}
+                    {renderItemTotal(
+                      'KB/s',
+                      formatCurrency(total.kbs, MIN_DECIMAL, MIN_DECIMAL),
+                      'Total KB per second',
+                      bitcoinRollup
+                        ? `(${formatCurrency(
+                            Math.abs(total.kbs / bitcoinRollup.kbs),
+                            MIN_DECIMAL,
+                            MIN_DECIMAL,
+                          )}x)`
+                        : '-',
+                    )}
+                  </Flex>
+                </Flex>
                 <Box w="100%" bg="#FAFAFA" minH={'450px'} mt={'32px'}>
                   {data.length <= 0 ? (
                     <Box mt={'24px'}>
@@ -1260,58 +1312,6 @@ const L2Rollup = () => {
                 >
                   <AddressesEngagement />
                 </Box>
-
-                <Flex
-                  className={s.totalContainer}
-                  bg="#FAFAFA"
-                  w="100%"
-                  direction={'column'}
-                  gap={'8px'}
-                >
-                  <Text
-                    fontSize={'24px'}
-                    fontWeight={'600'}
-                    textAlign={'center'}
-                  >
-                    Total
-                  </Text>
-                  <Flex
-                    w="100%"
-                    direction={'row'}
-                    justifyContent={'space-evenly'}
-                  >
-                    {renderItemTotal(
-                      'TPS',
-                      formatCurrency(total.tps, MIN_DECIMAL, MIN_DECIMAL),
-                      'The total transactions per second',
-                      bitcoinRollup
-                        ? `(${formatCurrency(
-                            Math.abs(total.tps / bitcoinRollup.tps),
-                            MIN_DECIMAL,
-                            MIN_DECIMAL,
-                          )}x)`
-                        : '-',
-                    )}
-                    {renderItemTotal(
-                      'Mgas/s',
-                      formatCurrency(total.mgas, MIN_DECIMAL, MIN_DECIMAL),
-                      'The total megagas (Million Gas) per second',
-                      '',
-                    )}
-                    {renderItemTotal(
-                      'KB/s',
-                      formatCurrency(total.kbs, MIN_DECIMAL, MIN_DECIMAL),
-                      'Total KB per second',
-                      bitcoinRollup
-                        ? `(${formatCurrency(
-                            Math.abs(total.kbs / bitcoinRollup.kbs),
-                            MIN_DECIMAL,
-                            MIN_DECIMAL,
-                          )}x)`
-                        : '-',
-                    )}
-                  </Flex>
-                </Flex>
               </TabPanel>
             </TabPanels>
           </Tabs>