@@ -58,26 +58,29 @@ export default async function NodePerformanceCard({
5858 value = {
5959 < div className = "row gap-6" >
6060 < div className = "row gap-1" >
61- { nodeResponse . epochs_vals . slice ( - 10 ) . map ( ( val , index ) => (
61+ { nodeResponse . epochs . slice ( - 10 ) . map ( ( epoch , index ) => (
6262 < div key = { index } >
6363 < Tooltip
6464 content = {
6565 < div className = "px-1 py-1.5 text-small" >
6666 < div className = "font-semibold" >
67- { parseFloat ( ( ( val * 100 ) / 255 ) . toFixed ( 2 ) ) } %
68- </ div >
69- < div className = "text-slate-500" >
70- Epoch { getCurrentEpoch ( config ) - 10 + index }
67+ { parseFloat (
68+ ( ( nodeResponse . epochs_vals [ index ] * 100 ) / 255 ) . toFixed ( 2 ) ,
69+ ) }
70+ %
7171 </ div >
72+ < div className = "text-slate-500" > Epoch { epoch } </ div >
7273 </ div >
7374 }
7475 closeDelay = { 0 }
7576 >
7677 < div
7778 className = { clsx ( 'h-5 w-5 cursor-pointer rounded-md hover:opacity-70' , {
78- 'bg-teal-500' : val >= 200 ,
79- 'bg-yellow-500' : val >= 100 && val < 200 ,
80- 'bg-red-500' : val < 100 ,
79+ 'bg-teal-500' : nodeResponse . epochs_vals [ index ] >= 200 ,
80+ 'bg-yellow-500' :
81+ nodeResponse . epochs_vals [ index ] >= 100 &&
82+ nodeResponse . epochs_vals [ index ] < 200 ,
83+ 'bg-red-500' : nodeResponse . epochs_vals [ index ] < 100 ,
8184 } ) }
8285 > </ div >
8386 </ Tooltip >
@@ -89,7 +92,7 @@ export default async function NodePerformanceCard({
8992 < EpochsChart
9093 data = { nodeResponse . epochs_vals . slice ( - 10 ) . map ( ( value , index , array ) => ( {
9194 Availability : ( 100 * value ) / 255 ,
92- Epoch : getCurrentEpoch ( config ) - array . length + index + 1 ,
95+ Epoch : nodeResponse . epochs [ index ] ,
9396 } ) ) }
9497 />
9598 </ div >
0 commit comments