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
PeerDB-io · Mar 4, 2024 · 81c9320 · 81c9320
1 parent 1432b4d
commit 81c9320
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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' }}>