Merge pull request #64 from newrelic/fix_sticky_radio_button

Fix sticky radio button

Author: jake-codes

nerdlets/e2m-gui-nerdlet/form-components/aggregator-selector.js

@@ -3,7 +3,11 @@ import PropTypes from 'prop-types';
 
 import { RadioGroup, Radio } from 'nr1';
 
-const AggregatorSelector = ({ setAggregator, selectedEventType }) => {
+const AggregatorSelector = ({
+  setAggregator,
+  selectedEventType,
+  selectedAggregator
+}) => {
   /* TODO: Pull the disabledOrNotObj out to AddRule Component */
   const disabledOrNotObj = !selectedEventType ? { disabled: true } : {};
   return (
@@ -12,19 +16,22 @@ const AggregatorSelector = ({ setAggregator, selectedEventType }) => {
         {...disabledOrNotObj}
         label="Summary--use if the query's function is min, max, sum, count, or average"
         value="summary"
-        onChange={() => setAggregator('summary')}
+        checked={selectedAggregator === 'summary'}
+        onClick={() => setAggregator('summary')}
       />
       <Radio
         {...disabledOrNotObj}
         label="Distribution--use if the query's function is percentile or histogram"
         value="distribution"
-        onChange={() => setAggregator('distribution')}
+        checked={selectedAggregator === 'distribution'}
+        onClick={() => setAggregator('distribution')}
       />
       <Radio
         {...disabledOrNotObj}
         label="Unique Count--use if the query's function is unique count"
         value="uniqueCount"
-        onChange={() => setAggregator('uniqueCount')}
+        checked={selectedAggregator === 'uniqueCount'}
+        onClick={() => setAggregator('uniqueCount')}
       />
     </RadioGroup>
   );