From 36209e33b9f09ddd7b8dbc3366ea4e3ae0fac5df Mon Sep 17 00:00:00 2001
From: samshara <sameerai2736@gmail.com>
Date: Fri, 12 Jan 2024 15:33:42 +0545
Subject: [PATCH] fix: handle null values for country key indicators

---
 src/App/routes/CountryRoutes.tsx           | 2 +-
 src/views/Country/index.tsx                | 9 ---------
 src/views/CountryProfileOverview/index.tsx | 6 +++---
 3 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/App/routes/CountryRoutes.tsx b/src/App/routes/CountryRoutes.tsx
index c9f8f5d3b..1ecd80e7c 100644
--- a/src/App/routes/CountryRoutes.tsx
+++ b/src/App/routes/CountryRoutes.tsx
@@ -4,7 +4,7 @@ import {
     useParams,
 } from 'react-router-dom';
 import { isDefined, isTruthyString } from '@togglecorp/fujs';
-mport { countryIdToRegionIdMap } from '#utils/domain/country';
+import { countryIdToRegionIdMap } from '#utils/domain/country';
 
 import Auth from '../Auth';
 import {
diff --git a/src/views/Country/index.tsx b/src/views/Country/index.tsx
index 57e27f0b0..cb61c2e93 100644
--- a/src/views/Country/index.tsx
+++ b/src/views/Country/index.tsx
@@ -62,15 +62,6 @@ export function Component() {
 
     const { isAuthenticated } = useAuth();
 
-    const {
-        pending: aggregatedAppealPending,
-        response: aggregatedAppealResponse,
-    } = useRequest({
-        skip: isNotDefined(countryId) || isRegion,
-        url: '/api/v2/appeal/aggregated',
-        query: { country: Number(countryId) },
-    });
-
     const outletContext = useMemo<CountryOutletContext>(
         () => ({
             countryId,
diff --git a/src/views/CountryProfileOverview/index.tsx b/src/views/CountryProfileOverview/index.tsx
index 6c850c2a9..03614f9fd 100644
--- a/src/views/CountryProfileOverview/index.tsx
+++ b/src/views/CountryProfileOverview/index.tsx
@@ -45,7 +45,7 @@ export function Component() {
             />
             <TextOutput
                 label={strings.countryIndicatorsUrbanPopulationLabel}
-                value={`${indicatorResponse?.urban_population} %`}
+                value={isDefined(indicatorResponse?.urban_population) ? `${indicatorResponse?.urban_population} %` : undefined}
                 valueType="text"
                 strongValue
             />
@@ -63,7 +63,7 @@ export function Component() {
             />
             <TextOutput
                 label={strings.countryIndicatorsPovertyLabel}
-                value={`${indicatorResponse?.poverty} %`}
+                value={isDefined(indicatorResponse?.poverty) ? `${indicatorResponse?.poverty} %` : undefined}
                 valueType="text"
                 strongValue
             />
@@ -75,7 +75,7 @@ export function Component() {
             />
             <TextOutput
                 label={strings.countryIndicatorsLiteracyLabel}
-                value={`${indicatorResponse?.literacy} %`}
+                value={isDefined(indicatorResponse?.literacy) ? `${indicatorResponse?.literacy} %` : undefined}
                 valueType="text"
                 strongValue
             />