diff --git a/publisher/src/components/MetricConfiguration/Configuration.tsx b/publisher/src/components/MetricConfiguration/Configuration.tsx index 966bb4f01..6e6b1b7ab 100644 --- a/publisher/src/components/MetricConfiguration/Configuration.tsx +++ b/publisher/src/components/MetricConfiguration/Configuration.tsx @@ -236,6 +236,7 @@ export const Configuration: React.FC = observer( RACE_ETHNICITY_DISAGGREGATION_KEY ]?.enabled )} + onClick={() => setActiveDimensionKey(activeDimensionKeys[0])} /> ) : ( activeDimensionKeys?.map((dimensionKey) => { diff --git a/publisher/src/components/MetricConfiguration/RaceEthnicitiesGrid.tsx b/publisher/src/components/MetricConfiguration/RaceEthnicitiesGrid.tsx index 892002a5c..3dfee980f 100644 --- a/publisher/src/components/MetricConfiguration/RaceEthnicitiesGrid.tsx +++ b/publisher/src/components/MetricConfiguration/RaceEthnicitiesGrid.tsx @@ -36,50 +36,52 @@ import { RaceEthnicitiesTable, } from "."; -export const RaceEthnicitiesGrid: React.FC<{ disaggregationEnabled: boolean }> = - observer(({ disaggregationEnabled }) => { - const { metricConfigStore } = useStore(); - const { ethnicitiesByRace } = metricConfigStore; +export const RaceEthnicitiesGrid: React.FC<{ + disaggregationEnabled: boolean; + onClick: () => void; +}> = observer(({ disaggregationEnabled, onClick }) => { + const { metricConfigStore } = useStore(); + const { ethnicitiesByRace } = metricConfigStore; - return ( - - - - Answer the questions on the Race and Ethnicity form; - the grid below will reflect your responses. - - - + return ( + + + + Answer the questions on the Race and Ethnicity form; the + grid below will reflect your responses. + + + - - Race - - - Ethnicity - - Hispanic - Not Hispanic - Unknown - - + + Race + + + Ethnicity + + Hispanic + Not Hispanic + Unknown + + - - {Object.entries(ethnicitiesByRace).map(([race, ethnicities]) => ( - - {race} - - {Object.values(ethnicities).map((ethnicity) => ( - - ))} - - - ))} - - - ); - }); + + {Object.entries(ethnicitiesByRace).map(([race, ethnicities]) => ( + + {race} + + {Object.values(ethnicities).map((ethnicity) => ( + + ))} + + + ))} + + + ); +});