Fix - add state to aggregator radio buttons

Author: jake-codes

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

@@ -3,7 +3,7 @@ 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 +12,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>
   );