diff --git a/explorer/src/components/UptimeChart.tsx b/explorer/src/components/UptimeChart.tsx index 0f0aca167f..993568f454 100644 --- a/explorer/src/components/UptimeChart.tsx +++ b/explorer/src/components/UptimeChart.tsx @@ -13,7 +13,7 @@ interface ChartProps { loading: boolean; } -type FormattedDateRecord = [string, number, number]; +type FormattedDateRecord = [string, number]; type FormattedChartHeadings = string[]; type FormattedChartData = [FormattedChartHeadings | FormattedDateRecord]; @@ -30,22 +30,19 @@ export const UptimeChart: React.FC = ({ const color = theme.palette.text.primary; React.useEffect(() => { if (uptimeStory.data?.history) { - const allFormattedChartData: FormattedChartData = [ - ['Date', 'UptimeV4', 'UptimeV6'], - ]; + const allFormattedChartData: FormattedChartData = [['Date', 'Uptime']]; uptimeStory.data.history.forEach((eachDate) => { const formattedDateUptimeRecord: FormattedDateRecord = [ format(new Date(eachDate.date), 'MMM dd'), - eachDate.ipv4_uptime, - eachDate.ipv6_uptime, + eachDate.uptime, ]; allFormattedChartData.push(formattedDateUptimeRecord); }); setFormattedChartData(allFormattedChartData); } else { const emptyData: any = [ - ['Date', 'UptimeV4', 'UptimeV6'], - ['Jul 27', 10, 10], + ['Date', 'Uptime'], + ['Jul 27', 10], ]; setFormattedChartData(emptyData); } @@ -65,8 +62,8 @@ export const UptimeChart: React.FC = ({ uptimeStory.data ? formattedChartData : [ - ['Date', 'UptimeV4', 'UptimeV6'], - [format(new Date(Date.now()), 'MMM dd'), 0, 0], + ['Date', 'Uptime'], + [format(new Date(Date.now()), 'MMM dd'), 0], ] } options={{ @@ -77,7 +74,7 @@ export const UptimeChart: React.FC = ({ color: uptimeStory.error ? 'rgba(255, 255, 255, 0.4)' : 'rgba(255, 255, 255, 1)', - colors: ['#FB7A21', '#CC808A'], + colors: ['#FB7A21'], legend: { textStyle: { color, diff --git a/explorer/src/typeDefs/explorer-api.ts b/explorer/src/typeDefs/explorer-api.ts index 5d1a9319b0..d717e3bb2a 100644 --- a/explorer/src/typeDefs/explorer-api.ts +++ b/explorer/src/typeDefs/explorer-api.ts @@ -157,8 +157,7 @@ export type StatusResponse = { export type UptimeTime = { date: string; - ipv4_uptime: number; - ipv6_uptime: number; + uptime: number; }; export type UptimeStoryResponse = {