From 45d320181a78be1e5d5a013839f8404daa10395f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philip=20Dub=C3=A9?= <philip@peerdb.io>
Date: Mon, 4 Nov 2024 16:00:30 +0000
Subject: [PATCH] fix parseInt

---
 ui/app/peers/[peerName]/lagGraph.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/app/peers/[peerName]/lagGraph.tsx b/ui/app/peers/[peerName]/lagGraph.tsx
index 7107b7d80..87b90fa8c 100644
--- a/ui/app/peers/[peerName]/lagGraph.tsx
+++ b/ui/app/peers/[peerName]/lagGraph.tsx
@@ -22,7 +22,7 @@ function parseLSN(lsn: string): number {
   if (!lsn) return 0;
   const [lsn1, lsn2] = lsn.split('/');
   return Number(
-    (BigInt(parseInt(lsn1)) << BigInt(32)) | BigInt(parseInt(lsn2))
+    (BigInt(parseInt(lsn1, 16)) << BigInt(32)) | BigInt(parseInt(lsn2, 16))
   );
 }
 
@@ -135,7 +135,7 @@ export default function LagGraph({ peerName }: LagGraphProps) {
         />
         <input
           type='button'
-          value={showLsn ? 'Show LSN' : 'Show Lag'}
+          value={showLsn ? 'Show Lag' : 'Show LSN'}
           onClick={() => setShowLsn((val) => !val)}
         />
         <ReactSelect
@@ -159,7 +159,7 @@ export default function LagGraph({ peerName }: LagGraphProps) {
           categories={
             showLsn ? ['redoLSN', 'restartLSN', 'confirmedLSN'] : ['Lag in GB']
           }
-          colors={showLsn ? ['maroon', 'red', 'lime'] : ['rose']}
+          colors={showLsn ? ['orange', 'red', 'lime'] : ['rose']}
           showXAxis={false}
         />
       )}