move banner to top of page

solana-labs · Nov 10, 2024 · e060eec · e060eec
1 parent 7d8123b
commit e060eec
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/app/components/LiveTransactionStatsCard.tsx b/app/components/LiveTransactionStatsCard.tsx
@@ -39,6 +39,7 @@ export function LiveTransactionStatsCard() {
             <div className="card-header">
                 <h4 className="card-header-title">Live Transaction Stats</h4>
             </div>
+
             <TpsCardBody series={series} setSeries={setSeries} />
             <PingStatsCardBody series={series} setSeries={setSeries} />
         </div>
@@ -275,9 +276,6 @@ function PingStatsCardBody({ series, setSeries }: { series: Series; setSeries: S
 
     return (
         <>
-            <div className="alert alert-warning m-2" role="alert">
-                Note: We are aware of an issue with ping statistic reporting. They may not reflect actual network performance. Please see https://validators.app
-            </div>
             <PingBarChart pingInfo={pingInfo} series={series} setSeries={setSeries} />
         </>
     );

diff --git a/app/page.tsx b/app/page.tsx
@@ -28,6 +28,17 @@ export default function Page() {
         <StatsProvider>
             <SupplyProvider>
                 <div className="container mt-4">
+                    <div className="alert alert-warning m-2" role="alert">
+                        Note: We are aware of an issue with ping statistic reporting. Ping statistics may not reflect
+                        actual network performance. Please see{' '}
+                        <a
+                            href="https://www.validators.app/ping-thing?locale=en&network=mainnet"
+                            className="text-white text-decoration-underline"
+                        >
+                            validators.app
+                        </a>{' '}
+                        for more information.
+                    </div>
                     <StakingComponent />
                     <div className="card">
                         <div className="card-header">
@@ -71,7 +82,10 @@ function StakingComponent() {
 
     const activeStake = React.useMemo(() => {
         if (voteAccounts && delinquentStake) {
-            return voteAccounts.current.reduce((prev, current) => prev + current.activatedStake, BigInt(0)) + delinquentStake;
+            return (
+                voteAccounts.current.reduce((prev, current) => prev + current.activatedStake, BigInt(0)) +
+                delinquentStake
+            );
         }
     }, [voteAccounts, delinquentStake]);