diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundaryKpi.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundaryKpi.js index 7c4e3e8516..8eafb17c9f 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundaryKpi.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundaryKpi.js @@ -1,11 +1,17 @@ import React from 'react'; import { Card } from '@egovernments/digit-ui-components'; +import { Loader } from '@egovernments/digit-ui-components'; import { useMyContext } from '../utils/context'; import { useTranslation } from 'react-i18next'; import { Fragment } from 'react'; const BoundaryKpi = ({ data, heading }) => { const { state: { boundaryHierarchy } } = useMyContext() const { t } = useTranslation(); + + if (!data || Object.keys(data).length === 0) { + return {}; + } + return ( diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundarySelection.js b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundarySelection.js index 0131f18c15..f807dbc790 100644 --- a/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundarySelection.js +++ b/health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/BoundarySelection.js @@ -18,13 +18,12 @@ const BoundarySelection = ({ onSelect, props: customProps, ...props }) => { const [statusMap, setStatusMap] = useState({}); const [executionCount, setExecutionCount] = useState(0); const [updateBoundary, setUpdateBoundary] = useState(true); - const [isStatusMapLoading, setIsStatusMapLoading] = useState(false); + const [showPopup, setShowPopup] = useState(false); const handleBoundaryChange = (value) => { setBoundaryOptions(value?.boundaryOptions); setSelectedData(value?.selectedData); }; - const [showPopup, setShowPopup] = useState(false) const { campaignId, microplanId, key, ...queryParams } = Digit.Hooks.useQueryParams(); @@ -52,25 +51,18 @@ const BoundarySelection = ({ onSelect, props: customProps, ...props }) => { //to show alert useEffect(() => { //if there are any assumptions filled show this popup by default - if (campaignObject?.boundaries?.length > 0) { + if (campaignObject?.boundaries?.length > 0 && !showPopup) { setShowPopup(true) } }, [campaignObject, isLoadingCampaignObject]) useEffect(() => { - // Show loader before updating statusMap - setIsStatusMapLoading(true); + setStatusMap(null); if (selectedData && selectedData.length >= 0) { const newStatusMap = Digit.Utils.microplanv1.createStatusMap(selectedData, boundaryHierarchy); setStatusMap(newStatusMap); - // Hide loader after updating statusMap - setIsStatusMapLoading(false); } - return () => { - // Cleanup function to prevent state updates if component unmounts during loading - setIsStatusMapLoading(false); - }; }, [selectedData, boundaryHierarchy]); @@ -104,7 +96,7 @@ const BoundarySelection = ({ onSelect, props: customProps, ...props }) => { return ( <> - {isStatusMapLoading ? : } +
{t(`MICROPLAN_SELECT_BOUNDARY`)}

{t(`MICROPLAN_SELECT_BOUNDARIES_DESCRIPTION`)}

@@ -121,39 +113,41 @@ const BoundarySelection = ({ onSelect, props: customProps, ...props }) => { }} >
- {showPopup && - // {t("ES_CAMPAIGN_UPDATE_TYPE_MODAL_TEXT") + " "} - // , - // ]} - onOverlayClick={() => { - setShowPopup(false); - }} - onClose={() => { - setShowPopup(false); - }} - footerChildren={[ -