From 81c9320f077199611338bde5ceaf882ef0e0821b Mon Sep 17 00:00:00 2001
From: Amogh Bharadwaj <amogh@peerdb.io>
Date: Tue, 5 Mar 2024 01:33:32 +0530
Subject: [PATCH] UI: Fix slot page screen (#1430)

The slot and activity page became centered via #1418
This PR restores it to its original state
Also portrays slot graph in GB not MB
---
 ui/app/peers/[peerName]/lagGraph.tsx | 5 +++--
 ui/app/peers/[peerName]/page.tsx     | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/app/peers/[peerName]/lagGraph.tsx b/ui/app/peers/[peerName]/lagGraph.tsx
index 82f0ed9aae..b495aaf6f3 100644
--- a/ui/app/peers/[peerName]/lagGraph.tsx
+++ b/ui/app/peers/[peerName]/lagGraph.tsx
@@ -40,7 +40,7 @@ function LagGraph({ slotNames }: { slotNames: string[] }) {
     ]);
     return lagDataDot.map((data) => ({
       time: formatGraphLabel(new Date(data[0]!), timeSince),
-      'Lag in MB': data[1],
+      'Lag in GB': parseInt(data[1] || '0', 10) / 1000,
     }));
   }, [lagPoints, timeSince]);
 
@@ -108,8 +108,9 @@ function LagGraph({ slotNames }: { slotNames: string[] }) {
       <LineChart
         index='time'
         data={graphValues}
-        categories={['Lag in MB']}
+        categories={['Lag in GB']}
         colors={['rose']}
+        showXAxis={false}
       />
     </div>
   );
diff --git a/ui/app/peers/[peerName]/page.tsx b/ui/app/peers/[peerName]/page.tsx
index fadb1731d4..5d5742c8cd 100644
--- a/ui/app/peers/[peerName]/page.tsx
+++ b/ui/app/peers/[peerName]/page.tsx
@@ -60,9 +60,9 @@ const PeerData = async ({ params: { peerName } }: DataConfigProps) => {
     <div
       style={{
         padding: '2rem',
+        width: '100%',
         display: 'flex',
         flexDirection: 'column',
-        alignItems: 'center',
       }}
     >
       <div style={{ display: 'flex', justifyContent: 'space-between' }}>