Add Federal to Tax revenues when budgetary impacts are split out

src/api/language.js

@@ -41,6 +41,13 @@ export function percent(number) {
   );
 }
 
+export function formatPercentageChange(number) {
+  const changePercentage = (number * 100).toFixed(6); 
+  const roundedPercentage = parseFloat(changePercentage);
+  const significantDigits = roundedPercentage.toPrecision(1);
+  return `${significantDigits}%`;
+}
+
 export function cardinal(number) {
   // E.g. 1 -> 'first', 2 -> 'second', 3 -> 'third'
   const suffixes = ["th", "st", "nd", "rd"];

src/pages/policy/output/BudgetaryImpact.jsx

@@ -29,7 +29,7 @@ export default function BudgetaryImpact(props) {
     "Net impact",
   ];
   let mobileLabels = ["Federal taxes", "State taxes", "Benefits", "Net"];
-  if (region !== "us" && region !== "ca") {
+  if (region == "us" || region == "ca") {
     desktopLabels[0] = "Tax revenues";
     mobileLabels[0] = "Taxes";
   }

src/pages/policy/output/InequalityImpact.jsx

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import Plot from "react-plotly.js";
 import { ChartLogo } from "../../../api/charts";
-import { percent } from "../../../api/language";
+import { percent, formatPercentageChange } from "../../../api/language";
 import HoverCard, {HoverCardContext} from "../../../layout/HoverCard";
 import useMobile from "../../../layout/Responsive";
 import DownloadableScreenshottable from "./DownloadableScreenshottable";
@@ -39,12 +39,9 @@ export default function InequalityImpact(props) {
                 value < 0 ? style.colors.DARK_GREEN : style.colors.DARK_GRAY
               ),
             },
-            text: metricChanges.map(
-              (value) =>
-                (value >= 0 ? "+" : "") +
-                (value * 100).toFixed(1).toString() +
-                "%"
-            ),
+            text: metricChanges.map((value) => {
+              return formatPercentageChange(value);
+            }),
             textangle: 0,
             hoverinfo: "none",
           },
@@ -58,7 +55,7 @@ export default function InequalityImpact(props) {
             tickformat: ",.1%",
           },
           uniformtext: {
-            mode: "hide",
+            mode: "show",
             minsize: 12,
           },
           ...ChartLogo(mobile ? 0.97 : 0.97, mobile ? -0.25 : -0.15),

src/pages/policy/output/PovertyImpact.jsx

@@ -1,7 +1,7 @@
 import { useContext, useEffect } from 'react';
 import Plot from "react-plotly.js";
 import { ChartLogo } from "../../../api/charts";
-import { percent } from "../../../api/language";
+import { percent, formatPercentageChange } from "../../../api/language";
 import HoverCard, {HoverCardContext} from "../../../layout/HoverCard";
 import useMobile from "../../../layout/Responsive";
 import DownloadableScreenshottable from "./DownloadableScreenshottable";
@@ -61,12 +61,9 @@ export default function PovertyImpact(props) {
                 value < 0 ? style.colors.DARK_GREEN : style.colors.DARK_GRAY
               ),
             },
-            text: povertyChanges.map(
-              (value) =>
-                (value >= 0 ? "+" : "") +
-                (value * 100).toFixed(1).toString() +
-                "%"
-            ),
+            text: povertyChanges.map((value) => {
+              return formatPercentageChange(value);
+            }),
             textangle: 0,
             hoverinfo: "none",
           },
@@ -134,7 +131,7 @@ export default function PovertyImpact(props) {
     );
   }
 
-  const povertyRateChange = percent(Math.abs(totalPovertyChange));
+  const povertyRateChange = formatPercentageChange(Math.abs(totalPovertyChange));
   const percentagePointChange =
     Math.round(
       Math.abs(