Refactor months in table into loop

uktrade · Jan 13, 2025 · 510e0ba · 510e0ba
1 parent eebbf42
commit 510e0ba
Showing 1 changed file with 5 additions and 12 deletions.
diff --git a/front_end/src/Components/EditPayroll/ForecastTable/index.jsx b/front_end/src/Components/EditPayroll/ForecastTable/index.jsx
@@ -34,18 +34,11 @@ export default function ForecastTable({ forecast, months }) {
                   <th scope="row" className="govuk-table__header">
                     {row.natural_account_code}
                   </th>
-                  <td className="govuk-table__cell">£{formatMoney(row.apr)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.may)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.jun)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.jul)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.aug)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.sep)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.oct)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.nov)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.dec)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.jan)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.feb)}</td>
-                  <td className="govuk-table__cell">£{formatMoney(row.mar)}</td>
+                  {months.map((month) => (
+                    <td className="govuk-table__cell" key={month}>
+                      £{formatMoney(row[month.toLowerCase()])}
+                    </td>
+                  ))}
                 </tr>
               );
             })}