import React, {useState, useEffect} from 'react'
import { ArrowRightIcon, ChevronsRight, Github, Rocket } from "lucide-react";
import Prometheus from '@/utils/prometheus';
import {
HoverCard,
HoverCardContent,
HoverCardTrigger,
} from "@/components/ui/hover-card"
const Rocketdashboard = ({ avgPing, connectablePeers }) => {
return (
// Leaderboard
0x...abc
1000km
// Process
Initializing the node... [Success]
Discovering and connecting to peers... [Success]
Initializing encoders and decoders... [Success]
Setting up Telemetry... [Success]
// Benchmarks
// Number of nodes
{connectablePeers}
// Latency in messages
{avgPing}
// % of succesful delivery
742
// % of failed delivery
742
// Status
Initializing encoders and decoders
Completed
)
}
export const getServerSideProps = async () => {
const avgPing = await Prometheus.getAvgPing();
const connectablePeers = await Prometheus.getConnectablePeers();
return {
props: {
avgPing,
connectablePeers,
},
};
};
export default Rocketdashboard;