diff --git a/src/components/world-map/world-map.jsx b/src/components/world-map/world-map.jsx
index d99d9cb5f..fc0498a4f 100644
--- a/src/components/world-map/world-map.jsx
+++ b/src/components/world-map/world-map.jsx
@@ -40,7 +40,7 @@ const WorldMap = props => (
family: "'Helvetica Neue Regular', sans-serif"
}
},
- colorscale: [[0, 'rgba(14,189,140, .05)'], [1, 'rgba(14,189,140, 1)']],
+ colorscale: [[0, props.minColor], [1, props.maxColor]],
showscale: false,
marker: {
line: {
diff --git a/src/routes.json b/src/routes.json
index ec50c7c46..940b922e2 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -8,10 +8,9 @@
},
{
"name": "annual-report",
- "pattern": "^/annual-report/?(\\?.*)?$",
+ "pattern": "^/annual-report/2019/?(\\?.*)?$",
"routeAlias": "/annual-report/2019/?$",
"view": "annual-report/2019/index/annual-report",
- "redirect": "/annual-report/2019",
"title": "Annual Report",
"viewportWidth": "device-width"
},
diff --git a/src/views/annual-report/2019/index/annual-report.jsx b/src/views/annual-report/2019/index/annual-report.jsx
index c5793f244..5a6e88c0c 100644
--- a/src/views/annual-report/2019/index/annual-report.jsx
+++ b/src/views/annual-report/2019/index/annual-report.jsx
@@ -56,6 +56,8 @@ const countryData = countryNames.map(key =>
`${CountryUsage[key].display}
${CountryUsage[key].count.toLocaleString('en')}`
);
const colorIndex = countryNames.map(key => CountryUsage[key]['log count']);
+const minColor = 'rgba(14,189,140, .05)';
+const maxColor = 'rgba(14,189,140, 1)';
// Create the div given a list of supporter names,
// this will contain two columns of names either of equal size
@@ -837,6 +839,8 @@ class AnnualReport extends React.Component {
colorIndex={colorIndex}
countryData={countryData}
countryNames={countryNames}
+ minColor={minColor}
+ maxColor={maxColor}
/>
${CountryUsage[key].count.toLocaleString('en')}`
);
const colorIndex = countryNames.map(key => CountryUsage[key]['log count']);
+const minColor = 'rgba(46, 142, 184, .05)';
+const maxColor = 'rgba(46, 142, 184, 1)';
// Create the div given a list of supporter names,
// this will contain two columns of names either of equal size
@@ -619,9 +620,9 @@ class AnnualReport extends React.Component {