Merge pull request #1516 from nymtech/340-ne-content

NE: Change mentions of "Uptime" to "Routing Score"

explorer/src/components/UptimeChart.tsx

@@ -8,7 +8,7 @@ import { ApiState, UptimeStoryResponse } from '../typeDefs/explorer-api';
 interface ChartProps {
   title?: string;
   xLabel: string;
-  yLabel: string;
+  yLabel?: string;
   uptimeStory: ApiState<UptimeStoryResponse>;
   loading: boolean;
 }
@@ -23,7 +23,7 @@ export const UptimeChart: React.FC<ChartProps> = ({ title, xLabel, yLabel, uptim
   const color = theme.palette.text.primary;
   React.useEffect(() => {
     if (uptimeStory.data?.history) {
-      const allFormattedChartData: FormattedChartData = [['Date', 'Uptime']];
+      const allFormattedChartData: FormattedChartData = [['Date', 'Score']];
       uptimeStory.data.history.forEach((eachDate) => {
         const formattedDateUptimeRecord: FormattedDateRecord = [
           format(new Date(eachDate.date), 'MMM dd'),
@@ -34,7 +34,7 @@ export const UptimeChart: React.FC<ChartProps> = ({ title, xLabel, yLabel, uptim
       setFormattedChartData(allFormattedChartData);
     } else {
       const emptyData: any = [
-        ['Date', 'Uptime'],
+        ['Date', 'Score'],
         ['Jul 27', 10],
       ];
       setFormattedChartData(emptyData);
@@ -55,7 +55,7 @@ export const UptimeChart: React.FC<ChartProps> = ({ title, xLabel, yLabel, uptim
             uptimeStory.data
               ? formattedChartData
               : [
-                  ['Date', 'Uptime'],
+                  ['Date', 'Routing Score'],
                   [format(new Date(Date.now()), 'MMM dd'), 0],
                 ]
           }
@@ -87,7 +87,7 @@ export const UptimeChart: React.FC<ChartProps> = ({ title, xLabel, yLabel, uptim
               },
             },
             vAxis: {
-              // % uptime vertical
+              // vertical / % Routing Score
               viewWindow: {
                 min: 0,
                 max: 100,

explorer/src/pages/MixnodeDetail/index.tsx

@@ -137,9 +137,9 @@ const PageMixnodeDetailWithState: React.FC = () => {
         </Grid>
         <Grid item xs={12} md={8}>
           {uptimeStory && (
-            <ContentCard title="Uptime story">
-              {uptimeStory.error && <ComponentError text="There was a problem retrieving uptime history." />}
-              <UptimeChart loading={uptimeStory.isLoading} xLabel="date" yLabel="uptime" uptimeStory={uptimeStory} />
+            <ContentCard title="Routing Score">
+              {uptimeStory.error && <ComponentError text="There was a problem retrieving routing score." />}
+              <UptimeChart loading={uptimeStory.isLoading} xLabel="date" uptimeStory={uptimeStory} />
             </ContentCard>
           )}
         </Grid>