Update component library

app/package.json

@@ -61,7 +61,7 @@
     "jest-watch-typeahead": "0.3.0",
     "jwt-decode": "^2.2.0",
     "lodash": "^4.17.15",
-    "material-table": "1.67.1",
+    "material-table": "1.69.0",
     "mini-css-extract-plugin": "0.5.0",
     "normalizr": "^3.3.0",
     "optimize-css-assets-webpack-plugin": "5.0.1",

app/src/App.js

@@ -1,10 +1,9 @@
-// TODO remove: import { ReactComponent as Logo } from '@hackoregon/component-library/assets/civic-logo-animated.svg';
-// To remove the error: pseudo class ":first-child" is potentially unsafe
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Global, css } from '@emotion/core'; // eslint-disable-line no-unused-vars
 import { connect } from 'react-redux';
-import logo from './assets/icons/oae-logo-custom.svg';
+import Logo from '@hackoregon/component-library/assets/civic-logo-animated.svg';
+// import styles from '@hackoregon/component-library/assets/global.styles.css';
 import Routes from './Pages/routes';
 import FlashMessage from './components/FlashMessage/FlashMessage';
 import styles from './assets/styles/global.styles';
@@ -39,7 +38,7 @@ class App extends React.Component {
       <div css={style}>
         <Global styles={styles} />
         <FlashMessage />
-        {isLoading ? <img src={logo} alt="Logo" /> : <Routes />}
+        {isLoading ? <img src={Logo} alt="Logo" /> : <Routes />}
       </div>
     );
   }

app/src/Pages/Home/index.js

@@ -52,6 +52,7 @@ class HomePage extends React.Component {
   }
 
   render() {
+    console.log(this.props);
     return <Home {...this.props} />;
   }
 }

app/src/components/Visualizations/ContributionTypePie.js

@@ -2,6 +2,7 @@
 import { jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { PieChart } from '@hackoregon/component-library';
+// import PieChart from '@hackoregon/component-library/dist/PieChart/PieChart';
 import OpenElectionsVictoryTheme from './OpenElectionsVictoryTheme';
 
 function ContributionTypePie({ data, count }) {

app/src/state/ducks/publicData.js

@@ -266,6 +266,7 @@ export function getExternalPublicData() {
     dispatch(actionCreators.getExternalPublicData.request());
     try {
       const response = await api.getExternalContributionGeoData();
+      console.log({ response });
       dispatch(actionCreators.getExternalPublicData.success(response));
     } catch (error) {
       dispatch(actionCreators.getExternalPublicData.failure(error));
@@ -808,13 +809,17 @@ export const aggregatedDonationSize = createSelector(
 
 export const aggregatedDonationSizeByCandidate = createSelector(
   donationSizeByDonationRangeByCandidate,
-  candidateDonations =>
-    fromPairs(
+  candidateDonations => {
+    if (Object.keys(candidateDonations).length < 1) {
+      return [];
+    }
+    return fromPairs(
       Object.entries(candidateDonations).map(entry => [
         entry[0],
         aggregateDonationsBySize(entry[1]),
       ])
-    )
+    );
+  }
 );
 
 // Done: count of and sum of donations for each contributor type
@@ -866,13 +871,17 @@ export const aggregatedContributorTypes = createSelector(
 
 export const aggregatedContributorTypesByCandidate = createSelector(
   sortedDonationsByCandidate,
-  candidateDonations =>
-    fromPairs(
+  candidateDonations => {
+    if (Object.keys(candidateDonations).length < 1) {
+      return [];
+    }
+    return fromPairs(
       Object.entries(candidateDonations).map(entry => [
         entry[0],
         aggregateDonationsByContributorType(entry[1]),
       ])
-    )
+    );
+  }
 );
 
 // Done: count of and sum of donations for each contribution type
@@ -918,13 +927,17 @@ export const aggregatedContributionTypes = createSelector(
 
 export const aggregatedContributionTypesByCandidate = createSelector(
   sortedDonationsByCandidate,
-  candidateDonations =>
-    fromPairs(
+  candidateDonations => {
+    if (Object.keys(candidateDonations).length < 1) {
+      return [];
+    }
+    return fromPairs(
       Object.entries(candidateDonations).map(entry => [
         entry[0],
         aggregateDonationsByContributionType(entry[1]),
       ])
-    )
+    );
+  }
 );
 
 // Done: count and sum of donations for each region
@@ -975,13 +988,17 @@ export const aggregatedContributionsByRegion = createSelector(
 
 export const aggregatedContributionsByRegionByCandidate = createSelector(
   sortedDonationsByCandidate,
-  candidateDonations =>
-    fromPairs(
+  candidateDonations => {
+    if (Object.keys(candidateDonations).length < 1) {
+      return [];
+    }
+    return fromPairs(
       Object.entries(candidateDonations).map(entry => [
         entry[0],
         aggregateDonationsByRegion(entry[1]),
       ])
-    )
+    );
+  }
 );
 
 // Done: create a table that matches this format