Pass onClick instead of state handler and keys

Recidiviz · Nov 28, 2022 · db30690 · db30690
1 parent 536fac2
commit db30690
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/publisher/src/components/MetricConfiguration/Configuration.tsx b/publisher/src/components/MetricConfiguration/Configuration.tsx
@@ -231,8 +231,7 @@ export const Configuration: React.FC<MetricConfigurationProps> = observer(
               {/* Race & Ethnicities Grid (when active disaggregation is Race / Ethnicity) */}
               {activeDisaggregationKey === RACE_ETHNICITY_DISAGGREGATION_KEY ? (
                 <RaceEthnicitiesGrid
-                  activeDimensionKeys={activeDimensionKeys}
-                  setActiveDimensionKey={setActiveDimensionKey}
+                  onClick={() => setActiveDimensionKey(activeDimensionKeys[0])}
                 />
               ) : (
                 activeDimensionKeys?.map((dimensionKey) => {

diff --git a/publisher/src/components/MetricConfiguration/RaceEthnicitiesGrid.tsx b/publisher/src/components/MetricConfiguration/RaceEthnicitiesGrid.tsx
@@ -37,17 +37,14 @@ import {
 } from ".";
 
 export const RaceEthnicitiesGrid: React.FC<{
-  activeDimensionKeys: string[];
-  setActiveDimensionKey: React.Dispatch<
-    React.SetStateAction<string | undefined>
-  >;
-}> = observer(({ activeDimensionKeys, setActiveDimensionKey }) => {
+  onClick: () => void;
+}> = observer(({ onClick }) => {
   const { metricConfigStore } = useStore();
   const { ethnicitiesByRace } = metricConfigStore;
 
   return (
     <RaceEthnicitiesBreakdownContainer>
-      <CalloutBox onClick={() => setActiveDimensionKey(activeDimensionKeys[0])}>
+      <CalloutBox onClick={onClick}>
         <Description>
           Answer the questions on the <span>Race and Ethnicity</span> form; the
           grid below will reflect your responses.