diff --git a/src/components/More.tsx b/src/components/More.tsx index 2f814e8..a35c20c 100644 --- a/src/components/More.tsx +++ b/src/components/More.tsx @@ -330,6 +330,23 @@ const SelectionHeadline: React.FC<{ result: StateSelectionResult }> = ({ ); }; +/** Renders a detailed description of the power ranking. */ +const PowerRankingDetails: React.FC<{ result: StateSelectionResult }> = ({ + result, +}) => { + if (isBattleground(selectedState(result))) { + return ( + <> + is a “swing state” where a small number of votes can swing the election + + ); + } else { + return ( + <>is a slightly leaning state where your vote may have more impact + ); + } +}; + /** Renders the detail text for a two-state selection. */ const SelectionDetails: React.FC<{ result: StateSelectionResult }> = ({ result, @@ -344,8 +361,8 @@ const SelectionDetails: React.FC<{ result: StateSelectionResult }> = ({ <> In this presidential election, your vote has more impact in{" "} {selectedStateName(result)} than - in {otherStateName(result)}. {selectedStateName(result)} is a “swing - state” where a small number of votes can swing the election. + in {otherStateName(result)}. {selectedStateName(result)}{" "} + {}. ); break;