donut chart follows selected fiscal year

src/components/BeApp.ts

@@ -158,7 +158,7 @@ export class BeApp extends StateProvider {
 									></highlightable-map>
 							  `
 							: ''}
-						${this.state.agencyDisbursementsForSelectedCountryAndLatestFY
+						${this.state.agencyDisbursementsForSelectedCountryAndFY
 							? html` <h4 class="sr-only">
 										${this.state.selectedCountryFormatted}: Overview
 									</h4>

src/components/charts/BeMapDonutChart.ts

@@ -72,31 +72,31 @@ export class BeMapDonutChart extends StateProvider {
 	}
 
 	get data() {
-		if (!this.state.agencyDisbursementsForSelectedCountryAndLatestFY) {
+		if (!this.state.agencyDisbursementsForSelectedCountryAndFY) {
 			return;
 		}
 		return {
 			labels: Object.keys(
-				this.state.agencyDisbursementsForSelectedCountryAndLatestFY
+				this.state.agencyDisbursementsForSelectedCountryAndFY
 			),
 			datasets: [
 				{
 					data: Object.values(
-						this.state.agencyDisbursementsForSelectedCountryAndLatestFY
+						this.state.agencyDisbursementsForSelectedCountryAndFY
 					),
 					backgroundColor: Object.keys(
-						this.state.agencyDisbursementsForSelectedCountryAndLatestFY
+						this.state.agencyDisbursementsForSelectedCountryAndFY
 					).map(agency => HIGHLIGHT_COLORS[agency])
 				}
 			]
 		};
 	}
 
 	render() {
-		if (!this.state.agencyDisbursementsForSelectedCountryAndLatestFY) return '';
+		if (!this.state.agencyDisbursementsForSelectedCountryAndFY) return '';
 
 		const entries = Object.entries(
-			this.state.agencyDisbursementsForSelectedCountryAndLatestFY
+			this.state.agencyDisbursementsForSelectedCountryAndFY
 		).filter(([, amt]) => amt > 0);
 		const total = entries.reduce((acc, [, amt]) => {
 			acc += amt;
@@ -132,7 +132,7 @@ export class BeMapDonutChart extends StateProvider {
 					</tbody>
 					<tfoot>
 						<tr>
-							<td><b>FY${this.state.latestFY} Total:</b></td>
+							<td><b>FY${this.state.selectedFiscalYear} Total:</b></td>
 							<td>${USD_FORMATTER.format(total)}</td>
 						</tr>
 					</tfoot>

src/state/State.ts

@@ -174,17 +174,17 @@ export class State {
 		return this.fiscalYears[this.fiscalYears.length - 1];
 	}
 
-	get agencyDisbursementsForSelectedCountryAndLatestFY():
+	get agencyDisbursementsForSelectedCountryAndFY():
 		| Record<TAgency, number>
 		| undefined {
-		const { selectedCountry, latestFY } = this;
+		const { selectedCountry, selectedFiscalYear } = this;
 
 		if (!selectedCountry) return undefined;
 
 		const latestDisbursements = mapValues(
 			this.yearlyDisbursementsByCountryAndAgency[selectedCountry],
 			agencyDisbursements => {
-				return agencyDisbursements[latestFY];
+				return agencyDisbursements[selectedFiscalYear];
 			}
 		);