From 562b313e3f8f02ca87f385725af3226f96297adc Mon Sep 17 00:00:00 2001 From: Stefanos Hadjipetrou Date: Fri, 24 Feb 2023 13:15:18 +0100 Subject: [PATCH 1/4] feat: control app colors from theme --- src/app/assets/BigLogo.tsx | 37 +- .../dataset-preview/allocationsRadial.tsx | 47 +- src/app/assets/dataset-preview/budgetFlow.tsx | 266 +- .../assets/dataset-preview/documentsTable.tsx | 156 +- .../dataset-preview/eligibilityDots.tsx | 2041 ++-- src/app/assets/dataset-preview/geomap.tsx | 423 +- src/app/assets/dataset-preview/grantsList.tsx | 157 +- .../assets/dataset-preview/investmentsBar.tsx | 397 +- .../dataset-preview/investmentsTreemap.tsx | 65 +- .../assets/dataset-preview/resultsList.tsx | 241 +- src/app/assets/icons/ArrowForward.tsx | 3 +- src/app/assets/icons/Close.tsx | 3 +- src/app/assets/icons/CloudDownload.tsx | 3 +- src/app/assets/icons/Component.tsx | 3 +- src/app/assets/icons/Download.tsx | 6 +- src/app/assets/icons/Filters.tsx | 3 +- src/app/assets/icons/IconChevronRight.tsx | 6 +- src/app/assets/icons/IconZoomIn.tsx | 3 +- src/app/assets/icons/IconZoomOut.tsx | 3 +- src/app/assets/icons/Info.tsx | 3 +- src/app/assets/icons/Link.tsx | 3 +- src/app/assets/icons/Location.tsx | 3 +- src/app/assets/icons/Rating.tsx | 17 +- src/app/assets/icons/Reset.tsx | 3 +- src/app/assets/icons/Search.tsx | 3 +- src/app/assets/icons/Tick.tsx | 5 +- src/app/assets/icons/ToolboxXs.tsx | 3 +- src/app/assets/icons/TriangleXS.tsx | 6 +- src/app/assets/icons/charts/Allocation.tsx | 7 +- src/app/assets/icons/charts/Bar.tsx | 3 +- src/app/assets/icons/charts/Dot.tsx | 21 +- src/app/assets/icons/charts/Map.tsx | 3 +- src/app/assets/icons/charts/Network.tsx | 3 +- src/app/assets/icons/charts/Radial.tsx | 3 +- src/app/assets/icons/charts/Sankey.tsx | 3 +- src/app/assets/icons/charts/Table.tsx | 3 +- src/app/assets/icons/charts/Treemap.tsx | 7 +- src/app/components/AppBar/index.tsx | 58 +- .../Budgets/Flow/components/nodata/index.tsx | 204 +- .../Budgets/Flow/components/node/index.tsx | 5 +- .../Budgets/Flow/components/tooltip/index.tsx | 23 +- .../components/Charts/Budgets/Flow/index.tsx | 21 +- .../TimeCycle/components/bar/index.tsx | 4 +- .../TimeCycle/components/nodata/index.tsx | 140 +- .../TimeCycle/components/tooltip/index.tsx | 7 +- .../Charts/Budgets/TimeCycle/data.ts | 135 - .../Charts/Budgets/TimeCycle/index.tsx | 49 +- .../Treemap/components/tooltip/index.tsx | 22 +- .../Treemap/components/treemapnode/index.tsx | 9 +- .../components/Charts/Budgets/Treemap/data.ts | 1939 --- .../Charts/Budgets/Treemap/index.tsx | 19 +- .../Charts/Eligibility/DotChart/data.ts | 3878 ------ .../Charts/Eligibility/DotChart/index.tsx | 27 +- .../Scatterplot/components/legends/index.tsx | 55 +- .../Scatterplot/components/node/index.tsx | 27 +- .../Charts/Eligibility/Scatterplot/data.ts | 496 +- .../Charts/Eligibility/Scatterplot/index.tsx | 19 +- .../GeoMap/components/controls/index.tsx | 3 +- .../GeoMap/components/tooltip/index.tsx | 51 +- src/app/components/Charts/GeoMap/data.ts | 3 - src/app/components/Charts/GeoMap/index.tsx | 104 +- .../Grants/components/tooltip/index.tsx | 16 +- src/app/components/Charts/Grants/data.ts | 442 +- src/app/components/Charts/Grants/index.tsx | 83 +- .../Disbursements/components/nodata/index.tsx | 18 +- .../components/tooltip/index.tsx | 18 +- .../components/treemapnode/index.tsx | 12 +- .../Charts/Investments/Disbursements/data.ts | 10032 ---------------- .../Investments/Disbursements/index.tsx | 20 +- .../TimeCycle/components/bar/index.tsx | 4 +- .../TimeCycle/components/tooltip/index.tsx | 9 +- .../Charts/Investments/TimeCycle/data.ts | 1193 -- .../Charts/Investments/TimeCycle/index.tsx | 28 +- .../Network/components/legends/index.tsx | 55 +- src/app/components/Charts/Network/data.ts | 280 - src/app/components/Charts/Network/index.tsx | 11 +- .../Charts/PerformanceRating/data.ts | 23 - .../Charts/PerformanceRating/index.tsx | 13 +- .../TimeCycle/components/bar/index.tsx | 4 +- .../TimeCycle/components/tooltip/index.tsx | 5 +- .../PledgesContributions/TimeCycle/data.ts | 52 - .../PledgesContributions/TimeCycle/index.tsx | 38 +- .../Charts/common/nodatalabel/index.tsx | 14 +- src/app/components/Charts/common/styles.ts | 5 +- .../CookieDialog/common/message.tsx | 15 +- src/app/components/CookieDialog/index.tsx | 3 +- src/app/components/DatasetCarousel/index.tsx | 388 - .../DrilldownArrowSelector/index.tsx | 5 +- src/app/components/Dropdown/index.tsx | 5 +- src/app/components/InformationPanel/index.tsx | 88 - .../components/Mobile/AppBarSearch/index.tsx | 3 +- .../Mobile/BottomNavigation/index.tsx | 11 +- .../components/Mobile/ViewsControl/index.tsx | 42 +- .../components/filterbar/common/Chip.tsx | 7 +- .../PageHeader/components/filterbar/styles.ts | 13 +- .../PageHeader/components/tabs/index.tsx | 36 +- src/app/components/PageHeader/index.tsx | 5 +- .../components/ArrowSelector/index.tsx | 3 +- .../components/InterventionsTable/index.tsx | 40 +- .../components/ResultsTable/index.tsx | 29 +- .../components/ToolTip/index.tsx | 28 +- .../PerformanceFrameworkExpandedView/data.ts | 424 - .../index.tsx | 24 +- src/app/components/RangeSlider/index.tsx | 9 +- .../Search/components/results/styles.ts | 28 +- src/app/components/Search/icons.tsx | 17 +- src/app/components/Search/layout.tsx | 32 +- src/app/components/Search/styles.ts | 19 +- src/app/components/SlideInPanel/index.tsx | 189 - .../components/Table/Expandable/Toolbar.tsx | 22 +- src/app/components/Table/Expandable/index.tsx | 19 +- src/app/components/Table/Expandable/styles.ts | 3 +- src/app/components/Table/Simple/index.tsx | 13 +- src/app/components/Table/Simple/styles.ts | 3 +- .../components/aggregateby/index.tsx | 4 +- .../budgetflowlevelselectors/index.tsx | 4 +- .../budgettimecycleyearselector/index.tsx | 4 +- .../components/controlrow/index.tsx | 8 +- .../components/disbursementslider/index.tsx | 4 +- .../components/eligibilityadvanced/index.tsx | 4 +- .../filters/common/expandedgroup/index.tsx | 34 +- .../components/filters/common/group/index.tsx | 17 +- .../ToolBoxPanel/components/filters/index.tsx | 18 +- .../components/grantperiods/index.tsx | 7 +- .../components/iconbuttons/index.tsx | 10 +- .../components/pf-reportingperiods/index.tsx | 12 +- .../ToolBoxPanel/components/tabs/index.tsx | 50 - src/app/components/ToolBoxPanel/index.tsx | 17 +- src/app/hooks/useDatasetMenuItems.tsx | 67 +- src/app/modules/about-module/index.tsx | 7 +- .../components/InfoContent/index.tsx | 169 - .../modules/country-detail-module/index.tsx | 3 +- .../overview/components/radial/index.tsx | 7 +- .../overview/components/time-cyle/index.tsx | 25 +- .../sub-modules/overview/index.tsx | 11 +- .../sub-modules/results/index.tsx | 3 +- src/app/modules/datasets-module/index.tsx | 3 +- src/app/modules/datasets-module/style.ts | 9 +- src/app/modules/documents-module/index.tsx | 3 +- .../components/InfoContent/index.tsx | 233 - .../components/sub-modules/overview/index.tsx | 3 +- src/app/modules/grant-detail-module/index.tsx | 3 +- .../grants-module/components/List/index.tsx | 9 +- .../grants-module/components/List/styles.ts | 11 +- .../grants-module/components/Search/styles.ts | 9 +- src/app/modules/grants-module/index.tsx | 3 +- .../components/dataset-grid/index.tsx | 16 +- src/app/modules/landing-module/index.tsx | 3 +- src/app/modules/landing-module/styles.ts | 7 +- .../modules/partner-detail-module/index.tsx | 3 +- .../components/InfoContent/index.tsx | 171 - .../results-module/components/List/styles.ts | 54 +- src/app/modules/results-module/index.tsx | 8 +- src/app/modules/viz-module/index.tsx | 3 +- .../components/mobiletooltip/index.tsx | 18 +- .../allocations/components/nodata/index.tsx | 41 +- .../sub-modules/allocations/data.ts | 10 +- .../sub-modules/allocations/geomap/index.tsx | 16 +- .../sub-modules/allocations/index.tsx | 13 +- .../sub-modules/budgets/geomap/index.tsx | 16 +- .../investments/disbursed/index.tsx | 3 +- .../sub-modules/investments/geomap/index.tsx | 16 +- .../investments/time-cycle/index.tsx | 16 +- .../pledgescontributions/geomap/index.tsx | 16 +- .../pledgescontributions/treemap/index.tsx | 93 +- src/app/theme/index.ts | 401 + 166 files changed, 3800 insertions(+), 23053 deletions(-) delete mode 100644 src/app/components/DatasetCarousel/index.tsx delete mode 100644 src/app/components/InformationPanel/index.tsx delete mode 100644 src/app/components/SlideInPanel/index.tsx delete mode 100644 src/app/components/ToolBoxPanel/components/tabs/index.tsx delete mode 100644 src/app/modules/country-detail-module/components/InfoContent/index.tsx delete mode 100644 src/app/modules/grant-detail-module/components/InfoContent/index.tsx delete mode 100644 src/app/modules/results-module/components/InfoContent/index.tsx diff --git a/src/app/assets/BigLogo.tsx b/src/app/assets/BigLogo.tsx index 3aee9b021..a33528c18 100644 --- a/src/app/assets/BigLogo.tsx +++ b/src/app/assets/BigLogo.tsx @@ -1,80 +1,81 @@ import React from "react"; +import { appColors } from "app/theme"; const BigLogo = () => ( ); diff --git a/src/app/assets/dataset-preview/allocationsRadial.tsx b/src/app/assets/dataset-preview/allocationsRadial.tsx index 354b3113e..c436fc4b3 100644 --- a/src/app/assets/dataset-preview/allocationsRadial.tsx +++ b/src/app/assets/dataset-preview/allocationsRadial.tsx @@ -1,124 +1,125 @@ import React from "react"; +import { appColors } from "app/theme"; export const AllocationsRadialPreview = () => ( ); diff --git a/src/app/assets/dataset-preview/budgetFlow.tsx b/src/app/assets/dataset-preview/budgetFlow.tsx index aa5bcff7c..760878420 100644 --- a/src/app/assets/dataset-preview/budgetFlow.tsx +++ b/src/app/assets/dataset-preview/budgetFlow.tsx @@ -1,661 +1,697 @@ import React from "react"; +import { appColors } from "app/theme"; export const BudgetFlowPreview = () => ( - - - - - - + + + + + + + - ( y2="172.07" gradientUnits="userSpaceOnUse" > - + ( y2="157.459" gradientUnits="userSpaceOnUse" > - + ( y2="46.1098" gradientUnits="userSpaceOnUse" > - + ( y2="252.29" gradientUnits="userSpaceOnUse" > - + ( y2="6.3085" gradientUnits="userSpaceOnUse" > - + ( y2="260.657" gradientUnits="userSpaceOnUse" > - + ( y2="231.037" gradientUnits="userSpaceOnUse" > - + ( y2="164.876" gradientUnits="userSpaceOnUse" > - + ( y2="49.7052" gradientUnits="userSpaceOnUse" > - + ( y2="82.0504" gradientUnits="userSpaceOnUse" > - + ( y2="58.7671" gradientUnits="userSpaceOnUse" > - + ( y2="141.17" gradientUnits="userSpaceOnUse" > - + ( y2="81.7481" gradientUnits="userSpaceOnUse" > - + ( y2="41.7272" gradientUnits="userSpaceOnUse" > - + ( y2="178.485" gradientUnits="userSpaceOnUse" > - + diff --git a/src/app/assets/dataset-preview/documentsTable.tsx b/src/app/assets/dataset-preview/documentsTable.tsx index f292f41a6..8528bbb61 100644 --- a/src/app/assets/dataset-preview/documentsTable.tsx +++ b/src/app/assets/dataset-preview/documentsTable.tsx @@ -1,172 +1,230 @@ import React from "react"; +import { appColors } from "app/theme"; export const DocumentsTablePreview = () => ( + + - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - + ); diff --git a/src/app/assets/dataset-preview/eligibilityDots.tsx b/src/app/assets/dataset-preview/eligibilityDots.tsx index dbfe13051..e11c813ee 100644 --- a/src/app/assets/dataset-preview/eligibilityDots.tsx +++ b/src/app/assets/dataset-preview/eligibilityDots.tsx @@ -1,1569 +1,1570 @@ import React from "react"; +import { appColors } from "app/theme"; export const EligibilityDotsPreview = () => ( ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1579,24 +1580,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1612,24 +1613,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1645,24 +1646,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1678,24 +1679,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1711,24 +1712,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1744,24 +1745,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1777,24 +1778,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1810,24 +1811,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1843,24 +1844,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1876,24 +1877,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1909,24 +1910,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1942,24 +1943,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -1975,24 +1976,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2008,24 +2009,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="130.183" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2041,24 +2042,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="130.183" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="130.183" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2074,24 +2075,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="130.183" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2107,24 +2108,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2140,24 +2141,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2173,24 +2174,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2206,24 +2207,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="277.897" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2239,24 +2240,24 @@ export const EligibilityDotsPreview = () => ( cx="40.8088" cy="277.897" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="277.897" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2272,24 +2273,24 @@ export const EligibilityDotsPreview = () => ( cx="315.7" cy="277.897" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="205.792" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2305,24 +2306,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="205.792" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="205.792" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2338,24 +2339,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="205.792" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="205.792" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2371,24 +2372,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="205.792" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="205.792" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2404,24 +2405,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="205.792" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="192.776" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2437,24 +2438,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="192.776" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="193.276" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2470,24 +2471,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="193.276" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="192.776" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2503,24 +2504,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="192.776" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="193.276" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2536,24 +2537,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="193.276" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2569,24 +2570,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2602,24 +2603,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2635,24 +2636,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2668,24 +2669,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2701,24 +2702,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2734,24 +2735,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2767,24 +2768,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2800,24 +2801,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2833,24 +2834,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2866,24 +2867,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2899,24 +2900,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2932,24 +2933,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2965,24 +2966,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -2998,24 +2999,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="130.183" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3031,24 +3032,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="130.183" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="130.183" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3064,24 +3065,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="130.183" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3097,24 +3098,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3130,24 +3131,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3163,24 +3164,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3196,24 +3197,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3229,24 +3230,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3262,24 +3263,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3295,24 +3296,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3328,24 +3329,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3361,24 +3362,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3394,24 +3395,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3427,24 +3428,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3460,24 +3461,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3493,24 +3494,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3526,24 +3527,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="130.183" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3559,24 +3560,24 @@ export const EligibilityDotsPreview = () => ( cx="104.9" cy="130.183" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="130.183" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3592,24 +3593,24 @@ export const EligibilityDotsPreview = () => ( cx="379.792" cy="130.183" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3625,24 +3626,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="18.0263" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3658,24 +3659,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="18.0263" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3691,24 +3692,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="82.12" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3724,24 +3725,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="82.12" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3757,24 +3758,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="50.0732" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3790,24 +3791,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="50.0732" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3823,24 +3824,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="114.163" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3856,24 +3857,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="114.163" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="233.835" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3889,24 +3890,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="233.835" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="230.831" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3922,24 +3923,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="230.831" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="233.835" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3955,24 +3956,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="233.835" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="230.831" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -3988,24 +3989,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="230.831" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4021,24 +4022,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="34.0497" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4054,24 +4055,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="34.0497" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4087,24 +4088,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="98.1396" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4120,24 +4121,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="98.1396" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4153,24 +4154,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4186,24 +4187,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4219,24 +4220,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="217.811" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4252,24 +4253,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="217.811" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4285,24 +4286,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="66.0966" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4318,24 +4319,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="66.0966" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="249.858" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4351,24 +4352,24 @@ export const EligibilityDotsPreview = () => ( cx="168.991" cy="249.858" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="241.847" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4384,24 +4385,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="241.847" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="253.862" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4417,24 +4418,24 @@ export const EligibilityDotsPreview = () => ( cx="443.883" cy="253.862" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="249.858" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4450,24 +4451,24 @@ export const EligibilityDotsPreview = () => ( cx="233.082" cy="249.858" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="241.847" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4483,24 +4484,24 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="241.847" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( cy="253.862" r="2.25321" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" strokeDasharray="1 1" /> @@ -4516,16 +4517,16 @@ export const EligibilityDotsPreview = () => ( cx="507.974" cy="253.862" r="2.25321" - fill="#ADB5BD" - stroke="#262C34" + fill={appColors.COMMON.SECONDARY_COLOR_5} + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeWidth="0.500714" /> ( /> ); diff --git a/src/app/assets/dataset-preview/geomap.tsx b/src/app/assets/dataset-preview/geomap.tsx index 631fa1a6c..0f36dac16 100644 --- a/src/app/assets/dataset-preview/geomap.tsx +++ b/src/app/assets/dataset-preview/geomap.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; export const GeomapPreview = () => ( @@ -22,7 +23,7 @@ export const GeomapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M165.777 92.4384L162.961 92.4213L162.638 92.5412L162.35 92.5241L161.959 92.6783L161.875 92.8839L162.35 93.5692L162.536 94.3059L162.808 95.3511L162.519 95.7965L162.469 96.0193L162.689 96.6703L162.944 97.3385L163.215 97.7154L163.266 98.3322L163.147 99.1546L162.842 99.6344L162.282 100.354L162.061 100.799L161.739 101.776L161.688 102.239L161.349 103.249L161.196 104.192L161.281 104.877L161.739 104.672L162.299 104.5L162.91 104.517L163.453 105.014L163.605 104.946L167.423 104.894L168.051 105.408L170.325 105.562L172.073 105.134L171.479 104.449L170.868 103.558L171.004 100.08L172.972 100.097L172.887 99.72L173.04 99.3088L172.887 98.7948L173.006 98.2808L172.921 97.9382L172.48 97.8696L171.886 98.041L171.479 98.0067L171.241 98.1095L171.326 96.8074L171.004 96.4133L170.953 95.728L171.105 95.0769L170.902 94.6657V93.9804H169.748L169.833 93.5863H169.341L169.29 93.7748L168.713 93.8262L168.458 94.4601L168.306 94.7343L167.797 94.5801L167.474 94.7343L166.846 94.8199L166.49 94.2545L166.269 93.8947L165.998 93.2437L165.777 92.4384ZM162.078 92.2156L162.112 91.753L162.265 91.4617L162.604 91.239L162.265 90.8621L161.959 91.0505L161.586 91.5131L161.824 92.3355L162.078 92.2156Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M98.1569 145.737L98.3096 145.223L97.0709 144.966L95.7643 144.349L95.0347 143.561L94.5256 143.082L95.5268 145.395H96.3752L96.8673 145.429L97.4272 145.789L98.1569 145.737ZM89.6058 110.087L88.3502 109.83L87.6714 110.807L87.8241 111.081L87.6375 112.212L86.6873 112.76L86.9588 114.576L86.806 114.919L87.1454 115.347L86.6024 116.032L86.1612 117.043L86.0085 118.037L86.297 119.099L85.9406 120.213L86.7721 122.08L87.0436 122.286L87.2642 123.297L86.9927 124.359L87.2302 125.284L86.7382 126.021L86.9927 127.032L87.5527 128.111L87.1284 128.523L87.1793 129.499L87.2981 130.596L87.8581 131.898L87.5866 132.103L88.1975 133.32L88.7235 133.714L88.5877 134.159L89.0628 134.382L89.2834 134.776L88.978 134.965L89.2834 135.599L89.4701 137.003L89.3513 137.912L89.6567 138.46L89.6398 139.128L89.1816 139.591L89.7077 140.721L90.1488 141.098L90.6749 141.03L90.9803 141.818L91.5742 142.435L93.6104 142.572L94.4249 142.726L94.7982 142.795L94.0007 142.178L93.305 141.098L93.4577 140.601L94.0516 140.173L94.1364 138.94L94.934 138.34L94.9 137.38L94.0177 137.158L92.9317 136.387L92.9147 135.581L93.4068 135.05L94.2043 135.033L94.2382 134.468L94.0346 133.423L94.5267 132.754L95.2224 132.429L94.7982 131.881L94.4249 132.223L93.7462 131.898L93.3219 130.836L93.5765 130.561L94.5267 130.955L95.3751 130.801L95.7993 130.424L95.4939 129.893L95.4769 129.071L95.1376 128.42L96.1217 128.523L97.8525 128.3L99.0234 127.717L99.5833 126.295L99.5324 125.747L98.8706 125.267L98.8537 124.496L97.5301 123.554L97.4792 122.989L97.4114 122.269L97.5641 122.029L97.3774 120.95L97.4283 119.836L97.5132 118.962L98.5143 117.489L99.4136 116.426L99.9736 115.981L100.686 115.381L100.601 114.508L100.075 113.874L99.6342 114.079L99.5833 115.056L98.8537 115.878L98.141 116.067L97.089 115.895L96.1217 115.587L96.8344 113.942L96.6478 113.462L95.6466 113.034L94.4249 112.229L93.6443 112.058L91.7439 110.276L91.5742 110.053L90.5052 110.002L90.2337 110.875L89.6058 110.087Z" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M189.839 42.6344L189.669 42.6687L189.873 43.0799L190.416 43.5767L191.043 43.7309L190.568 43.097L190.534 42.9257H190.144L189.839 42.6344ZM191.603 41.0403L190.873 40.3892L190.619 40.355L190.432 40.5092L190.975 41.0917L190.873 41.2116L190.398 41.1431L189.686 40.8347L189.499 41.006L189.737 41.2973L190.11 41.4858L189.991 41.7428L190.517 42.1197L190.347 42.4624L190.772 42.7536L191.196 42.9421L191.349 43.696L192.248 42.8907L192.57 42.805L192.893 43.1306L192.689 43.6617L193.334 44.2442L193.555 44.1928L193.419 43.6446L193.707 43.3876L193.775 43.0106L193.758 42.154L194.471 42.0683L194.131 41.777L193.707 41.7428L193.113 40.9718L192.536 40.4235L192.095 40.8518L192.01 41.1088L191.603 41.0403Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M96.3253 83.9607L96.0877 83.9949L95.5617 83.9093L95.2563 84.2005L94.8151 84.389L94.5266 84.4232L94.4078 84.646L93.9497 84.5946L93.3558 84.0806L93.3049 83.5837L93.0673 83.0183L93.237 82.0931L93.5085 81.7162L93.3049 81.2022L92.9825 81.048L93.1182 80.5683L92.8976 80.3113L92.4056 80.3627L92.5243 80.6711L92.168 81.0823L91.082 81.4935L90.4033 81.6648L90.1148 81.9218L89.3682 81.6477L88.6555 81.5106L88.4858 81.6134L88.8931 81.8875L88.8422 82.6243L88.9609 83.3096L89.7754 83.3953L89.8263 83.6351L89.1306 83.9435L89.0118 84.4061L88.6216 84.5774L87.9089 84.8344L87.7222 85.16L86.9756 85.2456L86.4666 84.6631L86.2799 84.8002L86.1102 84.1491L85.8387 83.8065L85.5163 84.1834L83.6668 84.1663V84.8344L84.2267 84.9544L84.1928 85.3656L84.0061 85.2628L83.4631 85.4341V86.2222L83.8874 86.6334L84.0401 87.2502L84.0231 87.73L83.6498 90.7111L82.7844 90.6597L82.6656 90.8311L81.8851 91.0367L80.833 91.7734L80.7651 92.2874L80.5446 92.6643L80.6633 93.2469L80.1034 93.5724L80.1203 94.035L79.8658 94.2234L80.307 95.2172L80.867 95.8682L80.6973 96.348L81.3251 96.3994L81.7154 96.9819L82.5468 97.0162L83.2935 96.3651L83.3274 98.027L83.7686 98.1469L84.2776 97.9585L84.9903 98.0613L85.4824 98.027L85.669 97.7015L86.4835 97.256L86.9587 96.862L88.1974 96.6735L88.1295 97.4788L88.2822 97.9071L88.2313 98.6438L89.3173 99.6204L90.3863 99.7917L90.7935 100.203L91.4383 100.409L91.8626 100.734L92.4565 100.717L93.0164 101.042L93.1013 101.676L93.3049 101.985L93.3558 102.465L93.0843 102.482L93.5424 103.75L95.3581 103.801L95.2563 104.418L95.392 104.863L95.935 105.154L96.2065 105.84L96.1217 106.696L95.9011 107.176L96.0368 107.793L95.7653 108.016L96.0877 108.632L96.1556 110.106L97.1737 110.312L97.53 110.106L98.1918 110.397L98.3954 110.723L98.5651 111.716L98.7178 112.145L99.0572 112.196L99.3966 112.008L99.7529 112.213L99.8038 112.813L99.7529 113.464L99.6341 114.081L100.075 113.875L100.601 114.509L100.686 115.383L99.9735 115.983L99.4135 116.428L98.5142 117.49L97.5131 118.964L98.09 118.844L99.1421 119.683L99.4645 119.649L100.517 120.352L101.331 120.951L101.976 121.688L101.653 122.202L102.01 122.836L102.502 122.202L102.756 121.174L103.299 120.66L103.961 119.803L104.725 117.884L105.302 117.285L105.437 116.754L105.488 115.657L105.268 115.057L105.319 114.235L106.014 113.156L107.032 112.282L108.051 111.973L108.661 111.477L110.104 111.065H111.105L111.292 110.414L112.004 109.935L112.106 108.821L112.971 107.399L113.056 105.943L113.328 105.497L113.379 104.795L113.565 103.098L113.396 101.06L113.633 100.254L113.871 100.237L114.533 99.2949L115.092 98.0613L116.399 96.5536L116.857 95.834L117.197 94.035L117.027 93.3668L116.688 91.979L116.331 91.6363L115.517 91.6021L114.787 91.2765L113.548 90.0601L112.123 89.152L110.698 89.2034L108.848 88.6209L107.745 88.9636L107.881 88.3639L107.423 87.7128L105.828 87.0618L104.623 86.6677L103.91 87.3702L103.859 86.2908L102.179 86.1194L101.891 85.7768L102.604 84.8858L102.587 84.132L102.078 83.9607L101.569 82.0417L101.348 81.4421L101.026 81.4935L100.432 82.4872L100.126 83.2925L99.7699 83.7037L99.3117 83.7893L99.176 83.4809L98.9724 83.4295L98.6669 83.7379L98.2597 83.5152L97.7167 83.2753L97.2585 83.3953L96.8683 83.2925L96.7834 83.6009L96.9361 83.8236L96.8513 84.0463L96.3253 83.9607Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M96.3242 35.4062L96.2054 34.8922L95.7812 35.2178L95.866 35.5776L96.8163 36.023L97.1387 35.9545L97.6986 35.5262L96.9011 35.5433L96.3242 35.4062ZM98.7676 32.68L98.8015 32.4916L98.1058 32.0461L97.1047 31.772L96.7823 31.8748L97.3762 32.3717L98.3434 32.6972L98.7676 32.68ZM46.9621 33.3136L46.9961 32.7311L46.4531 32.2856L46.3852 31.7888L46.3682 31.429L45.6725 31.309L45.2653 31.1548L44.5696 30.915L44.332 31.172L44.2302 31.7374L44.9599 31.9258L44.892 32.2342L45.3841 32.6111V32.9881L46.4531 33.4678L46.9621 33.3136ZM103.994 30.9995L104.655 30.3484L104.893 30.0571L104.537 30.0057L103.705 30.3827L102.993 30.9823L101.618 32.6614L100.719 33.2953L100.99 33.5866L100.345 33.9635L100.379 34.289L102.008 34.3062L102.925 34.2548L103.671 34.5118L102.925 35.0086L103.417 35.0429L104.655 34.1177L104.859 34.2548L104.435 35.1286L104.944 35.3342L105.334 35.2999L105.928 34.3576L105.843 33.6894L105.894 33.124L105.266 33.3124L105.741 32.5243L105.012 32.1988L104.554 32.4558L103.892 32.1645L104.299 31.8047L103.807 31.582L103.162 31.9247L103.994 30.9995ZM43.4502 27.368L43.1278 27.7107L42.8902 28.1561L43.0429 28.4817L42.9411 28.9614L43.0599 29.4411H43.3823L43.3484 28.6016L44.5531 27.4194L43.7217 27.5051L43.4502 27.368ZM91.1148 19.3157L91.0469 19.1101L90.7584 19.093L90.2833 19.3843L90.2154 19.4528L90.2324 19.7441L90.5209 19.8297L91.1148 19.3157ZM89.486 18.7675L89.6217 18.579L88.6036 18.5619L87.7722 19.0245V19.2815L88.2812 19.3157L89.486 18.7675ZM88.9603 15.9252L88.5022 15.8395L87.6538 16.7304L87.0429 17.4843L86.0757 17.964L87.1447 17.8612L87.009 18.4438L88.4004 17.9298L89.4524 17.4158L89.5882 17.8612L90.5893 18.084L91.4208 17.7756L91.0984 17.4672L90.5214 17.5357L90.742 17.0731L90.1142 16.7818L89.5373 16.4563L89.2827 16.1993L88.8076 16.3535L88.9603 15.9252ZM96.5271 14.5197L97.155 14.2285L97.3246 14.1085L97.5622 13.7145L97.1719 13.4575L96.4592 13.5774L95.8144 14.1085L95.6957 14.554L96.5271 14.5197ZM84.0046 12.684L83.8689 12.3413L83.818 12.17L83.5465 11.9986L83.0374 11.7416L82.2059 12.1357L81.3575 12.427L81.9514 12.8382L82.5962 12.7354L83.2919 13.0095L84.0046 12.684ZM87.8058 12.3259L86.6859 12.1546L87.6531 11.7091L87.5852 10.6811L87.2628 10.2871L86.4992 10.15L85.1248 10.8011L84.1915 11.7948L84.6836 12.1546L84.9551 12.72L83.8861 13.6623L83.3431 13.628L82.291 14.3819L83.0037 13.491L82.1892 13.1826L81.4256 13.3368L81.0184 13.9193L80.0173 13.9022L78.7955 14.0392L77.9301 13.628L77.0817 13.6966L76.8272 13.1997L76.4708 12.977L75.826 13.0626L74.9437 13.114L74.1971 13.4224L74.5364 13.8165L73.3486 14.2962L73.1111 13.7308L72.3645 13.9022L70.3622 14.005L69.2762 13.7994L70.7185 13.3539L70.2434 12.8742L69.4968 12.9427L68.6992 12.7714L67.4266 12.4459L66.7818 12.0518L66.0182 12.0004L65.4583 12.2745L64.4571 12.4287L65.1189 11.7263L63.5238 12.3431L63.2863 11.5378L62.93 11.435L62.2851 11.8633L61.5216 12.0689L61.4876 11.692L60.0962 11.9319L58.603 12.3259L57.7206 12.2231L56.5328 12.4972L55.4808 12.8913L54.8529 12.8056L54.293 12.3602L53.2918 12.1375L49.1685 15.5984L43.1616 21.1495L43.8743 21.1667L44.3324 21.4408L44.4343 21.8862L44.4682 22.5544L45.7578 21.989L46.8438 21.6635L46.7589 22.1775L46.8777 22.5887L47.1662 23.0513L46.9795 23.7709L46.725 24.936L47.5056 25.587L46.9795 26.2209L46.1141 26.7178L45.6899 27.2489L46.0463 28.0028L45.5202 28.8423L46.216 29.2878L45.6051 29.9217L45.3845 30.864L46.5553 31.2924L46.8268 31.755L47.7431 32.8001H47.8619H50.2205H52.6979H53.5124H56.0577H58.5181H61.0125H63.5238H66.3576H69.2083H70.9221L71.1427 32.3889H71.4142L71.2785 32.9714L71.4482 33.1428L71.9911 33.2113L72.7717 33.3826L73.4165 33.7082L74.1631 33.5711L75.0624 33.8452L75.6054 33.434L76.1484 33.2627L76.4539 33.0057L76.7084 32.8686L77.3871 33.0742L77.9471 33.1085L78.0828 33.2456L78.0998 33.8452L78.9822 34.0166L78.6937 34.3078L78.8973 34.6334L78.5749 35.0274L78.8804 35.1645L78.558 35.5243L78.7616 35.5585L78.9822 35.4043L79.067 35.6442L79.6439 35.7641L80.2887 35.7813L80.9336 35.8841L81.6123 36.0897L81.748 36.4323L81.9856 37.2376L81.5784 37.5803L80.9336 37.4432L80.7639 36.7921L80.6112 37.4603L79.9664 38.0429L79.8306 38.5397L79.6439 38.831L78.9482 39.1737L78.3204 39.7562L77.981 40.1331L78.4392 40.2016L79.2028 39.859L79.6949 39.5677L79.9664 39.5163L80.4075 39.6191L80.696 39.4649L81.1711 39.3279L81.9686 39.1908L82.0195 38.8824L81.9686 38.8995L81.6802 38.9509L81.3747 38.8481L81.765 38.4883L82.0874 38.3684L82.7492 38.2142L83.5297 38.06L83.8352 38.2656L84.1576 38.0257L84.48 37.8887L84.6327 37.9572L84.6497 37.9743L85.7866 37.2547L86.2447 37.0491H87.5513H89.1294L89.299 36.775L89.5875 36.7236L90.0117 36.5694L90.4699 36.0897L91.0129 35.2501L91.9461 34.4449L92.1328 34.7362L92.7606 34.5477L93.0151 34.8561L92.54 36.3124L92.8964 36.9121L93.8975 36.775L95.272 36.7407L93.5072 37.6145L93.2527 38.5055L93.8805 38.5911L95.0853 37.8201L96.0695 37.4089L98.1396 36.775L99.4123 36.0725L98.9711 35.6956L99.1408 34.9246L97.936 36.1239L96.4767 36.261L95.5435 35.7299L95.5265 34.9417L95.6283 33.7767L96.6634 33.0742L96.1034 32.5431L94.8138 32.6459L92.7606 33.5368L90.911 34.9417L90.1305 35.1131L91.454 34.1365L93.1679 32.7144L94.3896 32.2518L95.3568 31.498L96.2392 31.4123L97.4779 31.4294L99.1747 31.6522L100.634 31.4808L101.958 30.607L103.434 30.2301L104.146 29.8703L104.859 29.4763L105.199 28.3112L105.012 27.9171L104.435 27.7801V26.9063L104.045 26.5807L102.874 26.3066L102.399 25.7241L101.584 25.1416L102.161 24.5076L101.822 23.2912L101.381 22.0062L101.211 21.1153L100.481 21.5778L99.2256 22.6915L97.8512 23.2398L97.5797 22.6572L96.9518 22.4859L97.3252 21.2352L97.7663 20.3957L96.4598 20.31L96.4428 19.9331L95.8319 19.3677L95.3229 19.025L94.5593 19.282L93.8466 19.1963L92.7267 18.9222L92.0649 19.1449L91.4201 20.6869L91.2504 21.595L89.7572 22.6401L90.2832 23.4111L90.3681 24.2678L90.0796 24.9531L89.2821 25.6556L88.0094 26.3751L86.4823 26.8549L86.7707 27.4031L86.3974 29.0479L85.4472 30.1273L84.6666 30.4528L83.92 29.4591L83.903 28.2941L84.1915 27.2661L84.8024 26.3751L83.9879 26.2723L82.7153 26.2038L82.1044 25.7755L81.2899 25.5014L81.0014 25.0045L80.4415 24.6276L79.2537 24.1821L78.0489 24.3877L78.1677 23.6167L78.4222 22.6744L77.4041 22.503L78.2356 21.338L79.067 20.5499L80.6621 19.4362L82.1214 18.6481L83.0716 18.5281L83.5637 17.8942L84.4291 17.483L85.5151 17.4145L86.8216 16.7634L87.3137 16.3522L88.5694 15.547L89.1124 15.0672L89.6554 15.3585L90.7583 15.2043L92.5909 14.5532L92.9812 14.0906L92.8455 13.5938L93.6939 13.0969L93.9824 12.6343L93.3885 12.1889L92.4722 12.0518L91.5389 11.9833L90.7583 12.9941L89.6554 13.7822L88.4336 14.4676L88.2131 13.8336L88.9257 13.1483L88.5524 12.5486L87.0762 13.2682L87.8058 12.3259ZM74.9947 9.0862L74.5196 8.91487L72.127 9.46313L71.2616 9.80579L69.9381 10.474L70.8544 10.7139L71.9064 10.6967L69.955 11.0565V11.382L70.9053 11.3992L72.4325 11.3306L73.5354 11.5362L72.4834 11.7076L71.5501 11.6562L70.3453 11.8104L69.7854 11.9132L69.8872 12.6328L70.5998 12.53L71.2956 12.787L71.2447 13.2153L72.5682 13.1296L74.4687 12.9926L76.0637 12.6842L76.9121 12.6156L77.8794 12.8726L79.0162 13.0097L79.5423 12.6842L79.4235 12.3244L80.6113 12.2558L81.0525 11.8446L80.204 11.4163L79.4914 10.9708L79.8986 10.3541L80.3568 9.48026L79.9835 9.1376L79.4744 8.9834L78.7617 9.12046L78.2866 10.0285L77.5569 10.3883L77.9303 9.51453L77.6418 9.22326L76.4031 9.68586L75.9619 9.2404L74.1972 9.49739L74.9947 9.0862ZM81.6299 8.83146L81.3415 8.64299L80.4252 8.67726L80.0688 8.79719L80.4421 9.41399L81.6299 8.83146ZM99.9046 9.10397L99.158 8.62424L97.7327 8.53857L97.3764 8.58997L97.0879 8.89837L97.4273 9.3781L97.58 9.4295L98.3945 9.30956L99.0902 9.3267L99.7859 9.34383L99.9046 9.10397ZM93.2191 9.05442L94.1863 8.50616L92.2858 8.72889L91.3016 9.08869L90.0968 9.87682L89.5369 10.7677L90.4871 10.7849L89.452 11.1789L89.7575 11.5045L90.7586 11.6415L91.9973 11.8985L94.339 12.1041L95.6795 12.0013L96.2225 11.7272L96.5619 12.0356L97.1218 12.087L97.4612 12.6524L96.8673 12.8923L98.072 13.2007L98.8526 13.6461L98.9374 13.9717L98.8696 14.3828L97.4103 15.308L96.8673 15.7706L96.9012 16.1133L95.3401 16.2332L93.9826 16.2504L93.0663 16.97L93.4736 17.2955L95.6795 17.1413L95.8322 16.8672L96.6297 17.3298L97.4272 17.8266L97.02 18.1008L97.6648 18.5805L98.9544 19.1459L100.77 19.5399L100.821 19.1973L100.346 18.5976L99.7519 17.7581L101.194 18.5462L101.992 18.8032L102.603 18.1008V17.1413L102.433 16.8843L101.686 16.456L101.228 15.8906L101.618 15.3423L102.603 15.2224L103.247 16.1476L103.926 16.5588L105.742 15.4451L106.302 14.7769L105.216 14.7255L104.673 13.8517L103.672 13.6461L102.365 13.0465L103.892 12.6181L103.757 11.7615L103.383 11.4017L101.975 11.0419L101.652 10.4765L100.261 10.6821L100.448 10.288L99.8368 9.85968L98.6829 9.41422L97.8006 9.77402L96.2734 10.031L96.8333 9.44849L96.4431 8.54043L94.4747 8.90022L93.27 9.60268L93.2191 9.05442ZM84.7351 8.47014L83.5303 8.88134L83.6831 9.46387L82.4274 9.34394L82.1389 9.6352L83.1231 10.3034L83.2758 10.6461L83.8527 10.7317L85.2781 10.3891L86.1435 9.5838L85.4987 9.20687L86.5168 8.79567L86.6016 8.53867L85.329 8.64147L84.7351 8.47014ZM88.5188 9.39667L89.469 9.22533L91.1659 8.45434L90.1308 8.24874L88.8073 8.21448L87.9249 8.45434L87.2122 8.81414L86.788 9.2596L86.4826 10.0306L87.2122 10.0649L88.5188 9.39667ZM69.0559 10.6289L69.4971 10.2349L71.0412 9.61806L73.3829 9.00126L74.4689 8.77853L74.1974 8.41873L73.875 8.16174L72.2799 8.12747L71.5842 7.939L69.2086 8.07607L69.1577 8.6072L67.8681 9.1726L66.6125 9.82366L65.8828 10.2006L66.884 10.6632L66.7821 11.0572L69.0559 10.6289ZM90.1135 7.49433L90.1644 7.2202L89.9268 6.92894L88.756 7.15167L88.0094 7.5286L88.5524 7.75133L89.4178 7.81986L90.1135 7.49433ZM88.6372 6.0215L88.4505 6.14143L87.6361 6.09003L86.3464 6.36416L85.7016 6.34703L84.972 6.99809L86.0919 6.92956L85.515 7.42642L86.058 7.56349L87.2118 7.47782L88.196 6.84389L88.6711 6.41556L88.6372 6.0215ZM82.0028 6.449L82.3083 6.05494L81.7822 5.96927L80.815 6.26054L80.6963 7.0658L79.6612 6.99727L79.1861 6.5004L77.7946 6.22627L76.8783 6.46614L74.91 7.28853L75.6057 7.4256L78.6261 7.33993L76.8274 7.71686L76.5729 7.99099L77.5741 7.97386L79.6442 7.59693L81.9859 7.45986L82.8513 7.0658L83.2415 6.6546L82.6137 6.62034L81.8841 6.7574L82.0028 6.449ZM91.3691 5.71459L90.1644 5.6632L89.5196 6.00586L89.9607 6.26286L91.1485 6.36566L91.3861 6.72545L91.0128 7.13665L90.7583 7.61638L92.2006 7.89051L93.1339 7.99331L94.4913 7.97618L96.4597 7.83911L97.1893 7.94191L98.3262 7.77058L98.9201 7.53072L99.0898 7.18805L98.6996 6.86252L97.7154 6.81112L96.3579 6.87965L95.1701 7.06812L94.3047 6.99959L93.4902 6.94819L93.2866 6.75972L92.7606 6.57126L93.2357 6.24572L92.9981 5.97159L91.7594 5.98873L91.3691 5.71459ZM78.6431 5.26709L77.625 5.38702L76.6917 5.36989L74.6385 5.90102L72.6702 6.53495L73.2811 6.70628L74.4689 6.58634L76.1318 6.22655L76.7766 6.17515L77.6589 5.90102L78.6431 5.26709ZM92.3031 5.36925L92.4728 5.28358L92.2182 5.12939L90.9965 5.11225L90.8947 5.33498L91.9807 5.38638L92.3031 5.36925ZM82.3928 5.2317L82.9358 4.99184L82.2401 4.85477L81.2389 4.94044L80.3736 5.19744L80.9335 5.45444L82.3928 5.2317ZM83.7166 4.5121L83.1566 4.3579L82.8851 4.32364L81.9179 4.54637L81.7482 4.6663H82.7663L83.7166 4.5121ZM91.5893 4.94316L92.0984 4.6519L91.7081 4.37777L91.4196 4.32637L90.673 4.30924L90.3167 4.61763L90.1979 4.92603L90.4694 5.1145L91.5893 4.94316ZM89.2655 4.73453L89.2825 4.3576L88.0268 4.06634L86.9917 3.96354L86.6354 4.2548L87.1105 4.44327L86.2112 4.68313L87.5177 4.7174L88.1965 4.9744L89.0788 5.06006L89.2655 4.73453ZM98.3774 3.69268L98.4792 3.21295L97.6817 3.07589L96.8842 2.92169L96.6127 2.54476L95.2212 2.57903L95.2722 2.73322L94.6104 2.78462L93.9147 3.00736L93.0832 3.33289L93.0323 3.65842L93.3717 3.91542H94.4746L93.745 4.12101L93.3886 4.39514L93.6601 4.72068L94.797 4.82347L95.9509 4.75494L97.7326 4.17241L98.8186 3.94968L98.3774 3.69268ZM111.698 1.32688L110.51 1.29261L109.339 1.24121L107.608 1.34401L107.371 1.27548L105.623 1.30974L104.537 1.37828L103.672 1.48108L102.823 1.82374L102.433 1.65241L101.771 1.61814L100.634 1.85801L99.3786 1.96081L98.6829 1.97794L97.6648 2.115L97.4781 2.33774L97.9023 2.54333L98.0381 2.81747L98.7847 3.07446L100.889 3.02306L102.111 3.10873L100.889 3.36573L100.515 3.2972L98.9374 3.26293L98.7508 3.63986L99.2598 3.93112L98.7847 4.20526L97.5121 4.39372L96.6806 4.68498L97.4951 4.83918L97.7836 5.35318L96.5109 5.01052L96.0867 5.06192L95.7473 5.64444L94.3898 5.83291L94.0505 6.22697L95.1874 6.27837L96.0188 6.38117L98.0041 6.24411L99.4295 6.48397L101.568 5.96998L101.737 5.78151L100.651 5.81578L100.736 5.62731L101.839 5.38745L102.45 5.06192L103.604 4.83918L104.452 4.56505L104.316 4.18812L104.876 4.05106L104.147 3.94826L106.03 3.87972L106.573 3.72553L107.914 3.58846L109.492 2.9888L110.646 2.80033L112.393 2.372H111.138L111.8 2.2178L113.327 2.08074L114.973 1.80661L115.159 1.61814L114.277 1.44681L113.14 1.37828L111.698 1.32688Z" - fill="#DFE3E6" + fill={appColors.COMMON.SECONDARY_COLOR_7} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M94.5265 143.085L93.8986 142.965L93.3387 143.394L93.3726 144.096L93.169 144.576L91.9473 144.199L90.488 143.513L89.7244 143.291L91.3703 144.456L92.4393 145.004L93.712 145.587L94.6113 145.741L95.341 146.049L95.85 146.135L96.2403 146.152L96.7833 145.844L96.8681 145.432L96.376 145.398H95.5276L94.5265 143.085ZM86.5009 109.453L85.8731 108.236L86.0597 107.174L85.5167 106.712L85.3131 105.923L84.7871 105.187L84.5835 105.752L84.1253 106.026L84.4816 107.568L84.7362 109.35L84.7192 111.783V114.045L84.8719 116.152L84.5495 117.488L84.9059 118.825L84.821 119.733L85.364 121.361L85.347 122.988L85.1434 124.736L85.0416 126.535L84.6853 126.569L85.0925 127.82L85.6525 128.899L85.4658 129.636L85.7882 131.623L86.0427 133.131L86.6366 133.285L86.45 131.966L87.1287 132.24L87.4342 134.416L86.3482 134.056L86.6876 135.804L86.2294 136.746L87.6208 137.055L87.0439 137.877L87.0778 138.905L87.9263 140.721L88.6389 141.423L88.6729 142.04L89.2328 142.691L90.5055 143.291L91.7611 144.011L92.8132 144.353L93.1526 144.336L92.8471 143.36L93.4241 142.983L93.7125 142.726H94.4252L93.6107 142.571L91.5745 142.434L90.9806 141.818L90.6752 141.029L90.1491 141.098L89.7079 140.721L89.1819 139.59L89.6401 139.128L89.657 138.459L89.3516 137.911L89.4704 137.003L89.2837 135.598L88.9783 134.964L89.2837 134.776L89.0631 134.382L88.588 134.159L88.7238 133.714L88.1978 133.319L87.5869 132.103L87.8584 131.897L87.2984 130.595L87.1796 129.499L87.1287 128.522L87.5529 128.111L86.993 127.032L86.7385 126.021L87.2305 125.284L86.993 124.359L87.2645 123.297L87.0439 122.286L86.7724 122.08L85.9409 120.213L86.2973 119.099L86.0088 118.037L86.1615 117.043L86.6027 116.032L87.1457 115.347L86.8063 114.918L86.959 114.576L86.6876 112.76L87.6378 112.211L87.8244 111.081L87.6717 110.806L87.0269 110.961L86.5009 109.453Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M175.382 80.4131L174.652 80.2932L174.313 80.396L174.16 80.653L173.855 80.6873L173.482 80.4645L172.43 80.9957L171.988 80.8929L171.853 80.9785L171.581 81.6296L170.868 81.424L170.173 81.3212L169.562 80.91L168.781 80.5502L168.272 80.8929L167.899 81.4411L167.814 82.2121L167.763 82.8632L167.492 83.4457L167.305 84.131L167.186 85.0905L167.237 85.7073L167.084 86.0842L167.051 86.4954L166.949 86.8381L166.321 87.3692L165.88 87.9175L165.455 88.9797L165.489 89.8878L165.252 90.2305L164.692 90.7616L164.115 91.4469L163.776 91.2585L163.708 90.9501L163.182 90.9329L162.859 91.3441L162.605 91.2413L162.265 91.4641L162.113 91.7553L162.079 92.2179L161.824 92.3379L161.96 92.6805L162.35 92.5263L162.639 92.5434L162.961 92.4235L165.778 92.4406L165.998 93.2459L166.27 93.897L166.491 94.2568L166.847 94.8222L167.475 94.7365L167.797 94.5823L168.306 94.7365L168.459 94.4624L168.713 93.8284L169.29 93.777L169.341 93.5886H169.833L169.749 93.9826H170.902V94.668L171.106 95.0792L170.953 95.7302L171.004 96.4156L171.327 96.8096L171.242 98.1117L171.479 98.0089L171.887 98.0432L172.48 97.8719L172.922 97.9404L173.244 97.9575L173.295 98.3002L173.736 98.2831L174.33 98.3859L174.635 98.8656L175.399 99.0198L175.976 98.6771L176.18 99.2597L176.909 99.3967L177.249 99.8765L177.605 100.476H178.335L178.284 99.2939L178.029 99.4995L177.367 99.0712L177.13 98.8827L177.266 97.7862L177.469 96.5012L177.266 96.0215L177.537 95.319L177.809 95.1991L179.081 95.0106L179.251 95.062L179.285 94.8736L179.03 94.5823L178.912 93.9826L178.335 93.383L178.029 92.612L178.199 92.1494L177.944 91.5326L178.131 89.785L178.148 89.8021L178.131 89.6137L177.893 89.1168L177.995 88.5171L178.131 88.4486L178.165 87.7976L178.436 87.4892L178.453 86.6668L178.674 86.2556L178.725 85.3818L178.928 84.8678L179.285 84.3024L179.658 84.0111L179.964 83.6171L179.573 83.48L179.624 82.195L178.776 81.4754L178.538 81.0128L178.012 81.2355L177.571 81.167L177.316 81.3555L176.892 81.2184L176.298 80.3275L175.993 80.4303L175.382 80.4131Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M82.6311 73.1826L82.8347 72.8228L82.6141 72.5315L82.2748 72.463L81.7827 72.9941L81.3924 73.234L80.6119 73.7823L79.8822 73.6966L79.7974 73.9193L79.1865 73.9365L78.6265 74.4505L78.389 75.3757L78.372 75.7355L77.9648 75.8554L77.2181 76.6092L76.7261 76.575L76.6073 76.7292L76.7939 77.3802L76.6073 77.7058L76.3018 77.6201L76.1491 78.1512L76.5224 78.7338L76.6243 79.659L76.4206 79.9331L76.6073 80.9439L76.4037 81.5779L76.743 81.8349L76.3697 82.4003L75.9455 83.0856L75.4704 83.1541L75.2328 83.5482L75.2668 84.0965L74.9104 84.1821L75.0462 84.5248L75.9964 85.1416L76.1661 85.1244L76.4037 85.587L77.2012 85.7412L77.4727 85.5699L77.9478 85.9297L78.355 86.1867L78.6096 86.0839L79.2374 86.5979L79.5428 87.1119L80.001 87.4032L80.5779 88.5511L81.2906 88.6882L81.7996 88.3969L82.156 88.5854L82.7159 88.4826L83.4626 88.9965L82.8687 90.1102L83.1571 90.1273L83.6492 90.7099L84.0225 87.7287L84.0395 87.249L83.8868 86.6322L83.4626 86.221V85.4328L84.0056 85.2615L84.1922 85.3643L84.2261 84.9531L83.6662 84.8332V84.165L85.5158 84.1821L85.8382 83.8052L86.1097 84.1479L86.2793 84.7989L86.466 84.6619L86.1775 83.5653L85.94 83.1884L85.6006 82.9485L86.0927 82.4174L86.0587 82.1604L85.8042 81.8349L85.6345 81.1153L85.7194 80.3272L85.94 79.9674L86.1436 79.3848L85.8042 79.1964L85.2612 79.3163L84.5825 79.2649L84.1922 79.3848L83.5474 78.4425L83.0044 78.3054L81.7827 78.4082L81.5621 78.0313L81.3415 77.9285L81.3076 77.7058L81.4433 77.2946L81.3754 76.8662L81.1888 76.6264L81.087 76.1295L80.5949 76.0439L80.9003 75.4099L81.053 74.6389L81.3585 74.2277L81.7318 73.9193L82.0033 73.3711L82.6311 73.1826Z" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M160.281 25.8935L159.992 25.3795L158.855 25.7221L159.008 26.1505L159.873 26.733L160.281 25.8935ZM158.821 25.0214L158.38 24.8672L158.261 24.5931L158.481 24.2504L158.464 23.7365L157.854 24.0106L157.599 24.3018L156.92 24.3704L156.717 24.6616L156.598 24.9358L156.666 25.9809L157.022 26.5634L157.633 26.7005L158.142 26.5463L157.887 26.0323L158.414 25.2956L158.651 25.4155L158.821 25.0214Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M319.919 103.541L319.291 103.884L318.968 103.935L318.442 104.158L318.476 104.569L319.138 104.346L319.8 104.072L319.919 103.541ZM318.052 104.928L317.781 105.099L317.391 104.962L316.932 105.339L316.898 105.818L317.391 105.956L318.001 105.801L318.307 105.236L318.052 104.928Z" - fill="#DFE3E6" + fill={appColors.COMMON.SECONDARY_COLOR_7} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M145.704 26.9721L144.872 26.3382L144.211 26.3896L144.346 26.9378L144.16 27.4861L144.652 27.4689L145.246 27.6917L145.704 26.9721ZM147.91 22.8092L146.977 22.8949L146.366 22.8263L145.738 23.6487L145.416 24.6939L145.789 25.2079L145.806 26.2016L146.247 25.7218L146.485 25.996L146.197 26.4586L146.366 26.7327L147.333 26.9212H147.35L147.876 27.5722L147.741 28.1719L146.536 28.0691L146.366 28.7544L146.807 29.3198L145.942 29.6454L146.163 30.0565L147.435 30.2279L146.706 30.4506L145.467 31.5643L145.891 31.7699L146.485 31.3758L147.249 31.4957L147.809 30.9989L148.182 31.2045L149.59 30.9132L150.693 30.9303L151.423 30.3649L151.1 29.8338L151.508 29.5254L151.593 28.8572L150.608 28.6516L150.388 28.2576L149.896 27.0754L149.353 26.904L148.657 25.6876L148.589 25.5848L147.775 25.5162L148.487 24.6082L148.708 23.7687H147.859L147.062 23.9057L147.91 22.8092Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M171.478 47.0919L171.343 47.5716L172.462 47.7772V47.9657L173.752 47.8629L173.837 47.5373L173.362 47.6744V47.4859L172.7 47.4003L172.004 47.4688L171.478 47.0919ZM173.431 40.6831L172.972 40.4089L173.023 40.9229L172.243 41.0257L171.581 40.6659L170.919 40.9572L170.274 40.9229L170.105 40.9572L169.986 41.1457L169.511 41.1285L169.188 41.3513L168.629 41.4541V41.7282L168.357 41.8824L168.34 42.2422L167.984 42.7562L168.069 43.0817L168.561 43.6985L168.951 44.2125L169.172 44.9492L169.562 45.823L170.342 46.3199L170.919 46.3028L170.512 45.3262L171.072 45.2062L170.75 44.6408L171.598 44.9321L171.53 44.2982L171.072 43.9898L170.529 43.4758L170.834 43.2359L170.359 42.7219L170.088 42.0709L170.241 41.8481L170.75 42.3964H171.242L171.666 42.2251L171.004 41.6083L172.039 41.3341L172.497 41.4369L173.04 41.4712L173.227 41.3513L173.431 40.6831Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M264.805 97.1837L264.89 96.8924L264.585 96.5669L264.109 96.2242L263.21 96.447L264.398 97.2009L264.805 97.1837ZM268.352 97.08L269.031 96.2576L269.048 95.932L268.963 95.7093L267.996 96.1548L267.52 96.823L267.402 97.1828L267.503 97.3198L268.352 97.08ZM262.311 94.8523L262.039 95.2292L261.513 95.2463L261.14 95.8631L261.649 95.8803L262.311 95.7261L263.431 95.5205L263.227 95.0407L262.633 95.1435L262.311 94.8523ZM267.079 94.8523L266.197 95.2463L265.552 95.332L264.975 95.0065L264.211 95.2292L264.177 95.6233L265.433 95.7603L266.892 95.4519L267.079 94.8523ZM253.59 93.4135L253.471 93.0194L253.081 92.9338L252.334 92.5226L251.18 92.454L250.484 93.4992L251.35 93.5677L251.485 94.0474L253.182 94.4929L253.59 94.3558L254.285 94.4586L255.354 94.8698L256.237 95.0754L257.221 95.1611L258.086 95.1268L259.087 95.5552L260.207 95.144L259.087 94.4929L257.679 94.3044L257.374 93.602L255.626 93.0708L255.405 93.5163L253.59 93.4135ZM278.465 92.7966L278.499 92.2826L278.295 91.9571L278.075 92.334L277.871 92.711L277.922 93.5334L278.465 92.7966ZM271.508 89.7998L271.27 89.44L270.303 89.4914L270.473 89.954L271.135 90.1596L271.508 89.7998ZM274.579 89.3883L273.544 89.0799L272.373 89.1313L272.119 89.731L272.781 89.7653L273.324 89.6967L274.104 89.7824L274.902 90.2279L274.579 89.3883ZM278.143 87.2809L278.007 86.8697L276.48 86.4242L275.988 86.784L274.699 87.041L275.089 87.5893L275.937 87.7949L276.294 88.4288L277.702 88.4459L277.77 88.72L277.091 88.7029L276.039 89.097L276.752 89.6281L276.735 90.1078L276.938 90.5019L277.295 90.4162L277.6 89.8851L278.992 90.896L279.772 90.9816L281.571 91.9068L281.961 92.8149L282.131 93.9971L281.503 94.3055L281.028 95.1964L282.233 95.1621L282.504 94.8537L283.437 95.0765L284.218 95.9674L284.472 92.4037L284.642 88.8571L283.624 88.6515L282.928 88.2575L282.131 87.8805H281.282L280.162 88.5316L279.331 89.6966L278.364 89.0456L278.143 87.2809ZM269.658 84.4711L269.488 84.2312L268.555 85.0193L267.452 85.0707L266.247 84.9165L265.501 84.591L264.703 85.4134L264.499 85.8589L264.007 87.5037L263.855 88.3603L263.447 89.0799L263.719 89.8166L264.109 89.8338L264.211 90.8789L263.889 91.8898L264.279 92.2153L264.89 92.044L264.941 90.4848L264.907 89.217L265.551 88.8914L265.433 89.9537L266.094 90.5876L265.959 91.016L266.179 91.3072L267.13 90.896L266.62 91.787L266.977 92.1639L267.503 91.8384L267.554 91.1359L266.756 89.868L266.943 89.4911L266.077 88.1033L266.926 87.675L267.367 87.0411L267.774 87.1953L267.859 86.6984L266.077 87.0582L265.551 87.5551L264.703 86.5956L264.856 85.7732L265.687 85.6019L267.265 85.5505L268.182 85.7732L268.911 85.5505L269.658 84.4711ZM272.95 84.7976L272.849 84.3521L272.289 84.2493L272.204 83.6497L271.898 84.0437L271.729 84.9175L272.017 86.3224L272.39 87.0078L272.662 86.8707L272.272 86.3053L272.424 85.6371L272.916 85.7399L272.95 84.7976ZM262.616 84.026L262.769 83.5291L262.039 82.5011L262.549 81.5074L261.7 81.336H260.614L260.326 82.5696L259.986 82.9466L259.528 84.4714L258.765 84.6942L257.848 84.3858L257.39 84.4886L256.847 85.0368L256.236 84.9683L255.625 85.1739L254.964 84.5742L254.794 83.8375L254.234 84.5571L254.132 85.5679L254.268 86.5274L254.709 87.4526L255.184 87.761L255.303 89.2173L256.084 89.3544L256.694 89.2859L257.034 89.817L258.171 89.4229L258.646 89.7656L259.324 89.8341L259.664 90.5023L260.767 90.0054L260.903 90.3995L261.327 88.7376L261.378 87.6411L262.311 86.9043L262.277 85.9106L262.582 85.1739L263.719 85.0368L262.616 84.026ZM250.959 92.405L251.078 90.726L251.366 89.3553L250.925 88.67L250.229 88.5843L249.907 87.9675L249.754 87.2137L249.415 87.1794L248.872 86.8025L249.262 85.9116L248.532 85.4147L247.972 84.5066L247.158 83.7528L246.191 83.7356L245.258 82.5706L244.715 82.108L243.951 81.3713L243.069 80.309L241.575 80.1034L240.964 80.052L241.066 80.6003L242.101 81.7996L242.848 82.4164L243.374 83.3587L244.239 84.044L244.613 84.8836L244.901 85.8259L245.733 86.734L246.428 88.2588L246.886 89.0812L247.582 89.9721L247.955 90.6232L249.143 91.5141L249.907 92.4222L250.959 92.405Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M224.454 53.1193L223.012 52.3654L221.96 51.6801L221.417 50.4808L222.113 50.635L222.011 50.0696L221.502 49.5042L221.366 48.6132L220.077 47.3282L219.449 48.2534L218.481 48.4248L217.039 48.1506L216.717 48.6304L217.26 49.5898L217.752 50.3266L218.6 50.8577L217.972 51.4916L218.142 52.2626L217.48 53.342L217.124 54.4557L216.36 55.6036L215.274 55.5179L214.443 56.6487L215.122 57.1456L215.342 57.9851L215.936 58.5334L216.242 59.4757H214.205L213.662 60.1953L214.867 61.1205L215.19 61.5488L214.782 61.9429L216.14 63.2621L216.819 63.3992L218.108 62.7481L218.397 63.759L218.532 65.0954L218.957 66.4832L219.567 68.5906L220.552 70.0983L220.772 70.7665L221.112 72.1371L221.689 73.1822L222.062 73.6962L222.486 74.7928L223.012 76.3176L223.945 77.3456L224.319 77.0372L224.607 76.2834L225.456 75.975L225.15 75.6152L225.523 74.7928L226.016 74.7414L225.897 72.891L226.219 71.8459L226.1 70.9378L225.778 69.5329L225.982 68.6933L226.406 68.642L227.22 68.2479L227.661 67.9738L227.611 67.4769L228.459 66.7573L229.087 66.072L229.986 64.787L231.242 64.0674L231.649 63.4163L231.496 62.5939L232.616 62.3712L233.244 62.3883L233.329 61.9771L233.057 61.0862L232.616 60.2638L232.684 59.6128L232.056 59.3215L232.192 58.9274L232.718 58.5162L231.938 57.9337L232.141 57.197L232.956 57.6596L233.414 57.7281L233.617 58.482L234.534 58.6362L235.382 58.619L235.959 58.8075L235.688 59.7156L235.28 59.7841L235.094 60.4009L235.688 60.9663L235.722 60.2809L235.976 60.2638L236.74 61.9943L237.147 61.7373L236.994 61.2747L237.147 60.9149L236.994 59.7841L237.775 60.0239L238.029 59.133L237.978 58.6019L238.335 57.6767L238.182 57.0599L239.217 56.306L239.913 56.4945L239.692 55.8263L239.964 55.6207L239.811 55.2095L238.776 55.0553L238.979 54.5927L238.386 53.9245L237.843 54.37L237.011 54.113L236.112 54.7983L235.45 55.6207L234.737 55.7578L235.195 56.1004L235.263 56.7686L234.517 56.8029L233.719 56.7344L233.176 56.9057L232.243 56.4774L232.192 56.2718L231.938 55.398L231.428 55.6378L231.445 56.1004L231.7 56.8029L231.683 57.2312L230.902 57.2484L229.749 56.9914L229.019 56.8886L228.374 56.3403L227.085 56.1861L225.778 55.5865L224.794 55.0553L223.827 54.627L223.979 53.6161L224.454 53.1193Z" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M163.997 44.2973L163.318 44.3829L162.436 44.5029L161.384 44.4001L161.282 44.9826L162.554 45.548L163.013 45.6679L163.725 46.0791L163.878 45.5137L163.725 45.1711L163.997 44.2973ZM158.278 41.0582L157.853 41.3837L157.378 41.3323L157.599 41.9491L157.667 43.2513L158.023 43.5425L158.363 43.1827L158.77 43.2513L158.838 41.8121L158.278 41.0582ZM160.704 35.1828L160.483 34.8059L159.669 34.9944L159.584 35.2L159.058 35.0458L159.007 35.4741L158.65 35.6626L158.006 35.5255L157.853 35.9538L157.446 35.9881L157.293 35.8168L156.835 36.1766L156.428 36.228L156.054 36.0052L156.02 36.2965L156.292 36.7077L156.003 37.0161L156.258 37.8385L156.716 37.9756L156.631 38.4381L156.987 38.3525L157.463 37.8728L157.853 37.7186L158.566 38.0784L159.007 38.1983L159.329 39.2263L159.94 39.8431L160.771 40.5284L161.484 41.0081L162.146 41.0767L162.536 41.505L163.113 41.7106L163.402 42.1732L163.775 42.3103L164.08 42.8585L164.471 43.4924L164.284 43.7152L164.148 44.3148L164.165 44.6575L164.522 44.5718L164.946 43.6124L165.302 43.5438L165.37 42.9785L164.708 42.5844L165.031 41.8819L165.794 42.0533L166.32 42.5673L166.456 42.1732L166.354 41.9676L165.557 41.4193L164.895 41.0938L164.08 40.6997L164.318 40.4941L164.08 40.2543L163.402 40.2714L162.383 39.4147L161.891 38.5409L161.06 38.0098L160.738 37.4787L160.822 37.1703L160.754 36.6563L161.416 36.2794L162.112 36.4336L161.874 35.971L161.925 35.457L160.704 35.1828Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M271.695 48.8005L270.932 48.5778L270.745 49.0404L270.185 48.9033L269.964 49.5544L270.168 50.0684L270.881 50.3768L270.864 49.7428L271.22 49.4858L271.746 49.8456L271.967 49.1774L271.695 48.8005ZM275.835 45.4941L275.224 44.3462L275.445 43.2496L274.969 42.3587L273.595 40.8681L272.781 41.0737L272.814 41.7419L273.68 42.9584L273.85 44.3119L273.561 44.7402L272.797 45.8539L271.949 45.3227V47.2931L270.88 47.0703L269.251 47.3959L268.929 48.1497L268.267 48.7151L268.08 49.4004L267.351 49.7431L268.029 50.4798L268.725 50.8054L268.878 51.782L269.472 52.2103L269.896 51.7477L269.76 49.8973L268.521 49.092L269.556 49.0749L270.405 48.5609L271.864 48.3211L272.271 49.1434L273.052 49.5546L273.799 48.3039L275.343 48.2354L276.259 47.7214L276.361 46.9333L275.937 46.385L275.835 45.4941ZM273.833 37.9204L272.934 37.5606L271.169 36.4641L271.491 37.2865L272.221 38.7428L271.339 38.8114L271.44 39.6166L272.221 40.6617H273.188L272.917 39.4967L274.749 40.2163L274.817 39.1712L275.903 38.8799L274.885 37.6977L274.597 38.1432L273.833 37.9204Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M206.587 26.3394L205.06 26.1167L204.534 26.545L202.701 26.922L202.412 27.179L199.562 27.5388L199.324 27.8986L200.173 28.601L199.511 28.8751L199.765 29.1664L199.155 29.6633L200.75 30.3829L200.716 30.8969L199.545 30.8455L199.409 31.1539L198.17 30.6056L196.881 30.6399L196.151 31.0682L195.031 30.657L193.012 29.9203L191.739 29.9545L190.365 31.0853L190.484 31.8735L189.466 31.2567L189.109 32.4217L189.398 32.6273L189.109 33.4326L190.009 34.1693L190.619 34.135L191.332 34.8375L191.366 35.3858L191.841 35.5571L192.588 35.3344L193.436 34.8718L194.234 35.1288L195.065 35.0774L195.388 35.7456L195.489 36.7735L194.709 36.6193L194.03 36.7907L194.183 37.5617L193.334 37.4589L193.436 37.8015L193.979 38.0757L194.607 39.018L195.693 39.3778L195.947 39.7376L195.829 40.1831L195.947 40.44L196.253 40.0974L197.186 39.8747L197.831 40.1659L198.662 41.0054L199.087 40.954L198.035 37.0477L200.054 36.4309L200.241 36.5165L201.785 37.2875L202.599 37.6816L203.702 38.6239L204.669 38.4697L206.129 38.3841L207.401 39.1551L207.656 40.2173L208.08 40.2345L208.521 41.0911L209.641 41.1254L210.031 41.6394H210.354L210.506 40.8684L211.423 40.1317L211.847 39.9261L211.898 39.4635L212.424 39.3264L213.968 39.6862L213.883 39.0694L214.307 38.8467L215.682 39.2921L215.953 39.1722L217.413 39.2065L218.736 39.3093L219.296 39.6862L219.89 39.8404L219.602 39.2407L220.094 38.9666L218.617 37.1333L220.145 36.7221L220.484 36.4823L220.314 34.5805L222.13 34.9232L222.401 34.4434L221.977 33.3812L222.622 33.2784L222.927 32.5588L222.198 31.9077L221.18 32.0619L220.62 31.6165L219.958 31.4109L219.262 30.7941L218.719 30.6056L217.667 30.8797L216.259 30.2629L216.072 30.8283L213.001 28.1727L211.592 27.3674L211.728 27.0419L210.184 28.0185L209.437 28.087L209.234 27.5216L208.046 27.1618L207.316 27.4188L206.587 26.3394Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M59.9112 57.8646L59.3003 57.6247L58.6385 57.282L58.5028 56.768L58.4688 55.9971L58.0616 55.3803L57.8919 54.7463L57.6204 53.9925L57.0944 53.5641L56.3478 53.5813L55.5333 54.4379L54.8545 54.1124L54.4812 53.7869L54.4134 53.1872L54.2776 52.6218L53.8704 52.1421L53.514 51.7994L53.2934 51.4225H51.7154L51.5796 51.868H50.85H49.0343L47.2187 51.1141L46.0139 50.583L46.1836 50.3602L44.9958 50.4802L43.9268 50.5658L43.9608 51.5424L44.0795 52.4162L44.1983 53.1187L44.3341 53.804L44.7752 54.1124L45.2673 54.8834L45.0976 55.3803L44.6395 55.7743L44.2832 55.7229L44.1813 55.8086L44.5716 56.4425L45.0637 56.6995L45.2334 56.9908L45.3861 56.8366L45.9121 57.3334L46.2685 57.6761L46.2854 58.2586L46.0818 59.0639L46.506 59.338L47.066 59.8692L47.5581 60.486L47.6769 61.1542H47.8465L48.3047 60.7601L48.3726 60.5545L48.118 60.0748L47.8465 59.5779L47.4054 59.5436L47.4732 58.9611L47.3205 58.4471L47.1508 57.9674L47.066 56.9565L46.6248 56.4083L46.523 56.0142L46.3194 55.7401V55.0376L46.1497 55.0547L46.1327 54.6778L46.0139 54.5921L45.9461 54.3523L45.4879 53.5984L45.3013 53.1529L45.471 52.3305L45.4879 51.8166L45.7934 51.3711L46.2006 51.6624L46.523 51.6281L47.049 52.0564L46.8963 52.4676L46.9642 53.3071L47.2187 54.1124L47.1508 54.4551L47.4393 54.9862L47.8296 55.5687L48.2877 55.6544L48.3386 56.4083L48.7459 56.9394L49.1701 57.1964L48.8647 57.8817L48.9834 58.1387L49.6791 58.5842L50.0015 59.2695L50.7651 60.109L51.4099 61.2056L51.6305 61.7538V62.1821L51.8681 62.679L51.8172 63.0559L51.5457 63.3301L51.5966 63.6385L51.2742 63.7584L51.4099 64.2895L51.7832 64.9749L52.6826 65.5917L53.005 66.0885L53.9213 66.4312L54.4303 66.4997L54.634 66.791L55.3466 67.305L56.3478 67.819L57.0265 67.9732L57.841 68.47L58.5197 68.6756L59.1476 68.9669L59.6397 68.847L60.4542 68.4358L60.9802 68.3672L61.7268 68.6414L62.168 69.0012L63.1012 70.1834L63.1691 69.8578L63.3049 69.6008L63.1861 69.3952L63.746 68.5043H64.9508L65.0187 68.1445L64.8829 68.076L64.7981 67.8361L64.4757 67.5791L64.1703 67.2193H64.6114L64.6793 66.6025H65.5617L66.4271 66.6196L66.444 66.4483L66.5628 66.3969L66.7155 66.534L67.1397 65.8658H67.3094L67.5131 65.8486L67.7167 66.1228L68.056 65.2661L68.2597 64.8035L68.107 64.6151L68.4124 63.9469L69.0063 63.2958L69.1081 62.7647L68.9045 62.5419L68.3275 62.6276L67.5131 62.5933L66.4949 62.8503L65.8162 63.1416L65.6126 63.45L65.409 64.3752L65.1035 65.0091L64.4418 65.4546L63.8309 65.6431L63.1012 65.8315L62.3716 65.9343L61.5062 66.2427L61.1838 65.7972L60.2336 65.506L59.9281 64.9577L59.8093 64.3409L59.3003 63.5357L59.2324 62.679L59.0288 62.1479L58.944 61.5653L59.1306 61.0342L59.436 59.5608L59.7415 58.7898L60.2675 57.8303L59.9112 57.8646Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M246.429 79.2606L245.631 78.7808L245.479 78.9693L245.716 79.4319L245.648 80.2371L246.005 80.8197L246.174 81.7277L246.751 82.4645L246.887 83.0127L248.024 83.8694L248.94 84.6918L249.619 84.6061L249.636 84.2463L249.246 83.2869L248.889 82.9785L248.805 82.3274L248.703 81.9676L248.788 81.4707L248.703 80.734L248.262 79.9973L247.668 79.3462L247.447 79.2434L247.159 79.6889L246.531 79.826L246.429 79.2606ZM263.228 81.1475L263.025 80.6164L263.669 80.5478L263.72 80.1367L262.906 79.794L262.261 79.5027L262.193 79.023L261.667 78.4747H261.277L260.853 79.3314L260.157 80.0853L260.14 80.6164L260.123 81.3188L259.665 81.2846L259.478 81.6615L259.02 81.0961L258.579 81.7814L257.934 82.6381L256.797 82.878L256.39 83.0836L256.237 84.0088L255.491 84.2144L254.795 83.8374L254.965 84.5742L255.626 85.1738L256.237 84.9682L256.848 85.0367L257.391 84.4885L257.849 84.3857L258.766 84.6941L259.529 84.4714L259.987 82.9465L260.327 82.5696L260.615 81.336H261.701L262.55 81.5073L263.228 81.1475Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M169.256 10.8001L168.085 10.9885L166.846 10.9371L165.981 11.691L164.844 11.6396L163.401 12.0336L161.688 13.1987L160.602 13.884L159.108 15.7173L157.904 17.0537L156.529 18.0474L154.629 18.8698L153.967 19.4866L154.289 21.7824L154.612 22.8618L155.698 23.3758L156.716 23.136L158.158 21.9709L158.718 22.5877L159.007 22.0223L159.584 21.337L159.736 20.1548L159.21 19.6579L159.041 18.3558L159.431 17.4477L160.16 17.4649L160.381 17.0879L160.076 16.7624L161.043 15.4089L161.62 14.3638L161.993 13.6956L162.672 13.7127L162.774 13.1816L164.114 13.3358V12.7361L164.538 12.6847L164.895 12.4448L165.76 12.9417L166.659 12.8903L167.457 13.113L168.034 12.7018L168.22 12.0336L169.205 11.7252L170.172 12.085L170.036 12.7361L170.579 12.6504L171.665 12.2735L170.749 11.7081L171.563 11.4683L169.256 10.8001ZM165.421 5.0978L164.471 4.92647L164.148 4.6352L162.927 4.7894L163.368 5.0464L162.994 5.252L164.131 5.44046L165.421 5.0978ZM161.11 3.67421L160.296 3.40008L159.43 3.43434L159.26 3.69134H158.412L158.039 3.43434L156.461 3.70847L157.004 4.30814L158.293 4.9592L159.26 5.19906L158.751 5.49033L160.177 5.98719L160.923 5.95292L161.076 5.28473L161.585 5.13053L161.789 4.548L163.231 4.2396L161.11 3.67421ZM165.217 3.14289L163.672 2.97156L163.129 3.17716L162.23 3.00582L160.465 3.21142L161.195 3.55409H162.06L162.213 3.77682L164.012 3.89675L165.726 3.81108L166.455 3.39989L165.217 3.14289Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M301.576 130.679L301.729 130.233L300.745 130.73L300.168 131.313L299.625 131.587L298.624 132.375L297.674 132.923L296.486 133.471L295.553 133.883L294.823 134.071L292.905 135.116L291.819 135.904L291.633 136.298L292.498 136.367L292.753 136.727L293.516 136.744L294.195 136.436L295.264 135.956L296.639 134.894L297.436 134.191L298.488 133.797L299.167 133.78L299.269 133.283L300.049 132.855L301.237 132.084L301.95 131.587L302.306 131.141L302.391 130.696L301.441 131.124L301.576 130.679ZM306.463 125.454L306.785 124.478L306.259 124.186L306.124 123.57L305.733 123.655L305.665 124.443L305.801 125.42L305.954 125.883L305.801 126.071L305.699 126.825L305.292 127.527L304.579 128.384L303.68 128.761L303.392 129.172L304.02 129.601L303.884 130.2L302.713 131.074L302.951 131.228L302.883 131.502L303.884 131.074L304.885 130.354L305.649 129.772L305.92 129.566L306.175 129.104L306.65 128.761L307.294 128.795L308.007 128.144L308.873 127.168L308.516 127.031L307.736 127.459L307.193 127.373L306.701 127.013L307.091 126.174L306.887 125.866L306.395 126.619L306.463 125.454Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M205.263 63.0047L205.619 62.6621L205.755 62.3537L206.026 61.7026L206.009 61.4627L205.653 61.3257L205.381 60.9659L204.889 60.332L204.329 60.1435L203.634 59.9893L203.074 59.5952L202.582 58.8585H202.106L202.089 59.5781L202.276 59.7152L201.869 59.9379L201.92 60.3834L201.682 60.8288L201.699 61.2743L202.191 62.0453L201.75 64.2212L199.018 65.3177L199.901 67.1167L200.257 67.8706L200.681 67.8192L201.292 67.4422L201.818 67.545L202.242 67.2366L202.208 66.8083L202.565 66.5342H203.142L203.345 66.3114L203.379 65.7803L203.939 65.3691H204.38L204.448 65.232L204.278 64.5125L204.38 63.9642L204.55 63.7072L204.974 63.7586L205.263 63.0047ZM202.446 57.7953L202.48 57.3499L202.361 57.2471L202.141 57.624L202.361 58.0009L202.446 57.7953Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M270.354 76.8523L270.252 76.4583L270.117 75.91L269.302 75.396L269.438 76.2355L268.776 76.2698L268.657 76.7495L267.945 77.0408L267.571 76.5611L267.096 76.9723L266.519 77.2635L266.197 78.1887L266.384 78.5142L267.045 77.8974L267.503 77.9488L267.758 77.4863L268.403 78.0002L268.148 78.5314L268.471 79.3195L269.625 79.9534L269.862 79.4394L269.506 78.6342L269.913 78.0859L270.337 79.1824L270.592 78.1887L270.49 77.5891L270.354 76.8523ZM267.894 74.8279V73.7828L267.283 74.8279L267.368 74.1083L266.859 74.1597L266.808 74.845L266.604 75.1534L266.435 75.4447L267.079 76.1986L267.351 75.873L267.588 75.1877L267.894 74.8279ZM262.786 75.8724L263.227 75.1185L263.804 74.5189L263.55 73.6279L263.143 74.7073L262.651 75.4612L262.006 76.1465L261.598 76.9004L262.786 75.8724ZM265.738 73.0626L265.941 73.5766L265.924 74.142L266.009 74.6389L266.569 74.3133L266.976 73.8507L266.943 73.4053H266.332L265.738 73.0626ZM269.132 72.7707L268.827 72.3595L267.911 72.3424L268.589 73.1648L268.64 73.576L268.08 73.4903L268.284 74.1585L268.572 74.2099L268.691 74.9809L269.115 74.7411L268.827 74.0557L268.759 73.6959L269.523 73.9872L269.132 72.7707ZM265.247 71.7787L264.873 71.3846L264.059 71.3503L264.636 72.1727L265.111 72.721L265.247 71.7787ZM264.161 65.8499H263.601L263.449 66.8436L263.635 68.5398L263.194 68.1971L263.398 69.2251L263.601 69.7048L264.161 70.3388L264.229 69.9447L264.535 70.1846L264.28 70.4758L264.297 70.9213L264.789 71.1611L265.638 71.0069L266.316 71.658L266.503 71.2468L266.927 71.8293L267.742 72.3605L267.776 71.8636L267.436 71.5895L267.453 71.0069L266.181 70.3902L265.79 70.5272L265.264 70.4073L264.925 69.5335L264.942 68.6597L265.451 68.2999L265.553 67.3918L265.095 66.6037L265.162 66.1583L265.044 65.8841L264.789 66.1583L264.161 65.8499Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M298.54 93.467L298.693 93.1586L298.285 92.7817L297.861 92.0964L297.59 91.8394L297.505 91.5138L297.369 91.6338L297.522 92.4562L297.895 93.1415L298.268 93.5698L298.54 93.467ZM294.942 91.9952L295.299 91.327L295.366 90.7273L295.18 90.556L294.603 90.5731L294.671 91.2071L294.111 91.6011L293.822 91.978L293.279 92.0637L293.211 91.4812L293.076 91.4983L292.906 92.0294L292.38 92.1151L291.532 91.9609L291.43 92.2864L291.956 92.5948L292.719 92.9204H293.211L293.721 92.6634L294.263 92.3892L294.433 92.0808L294.942 91.9952ZM290.224 94.0837L290.072 93.347L290.954 93.2271L290.767 92.6617L289.223 91.9764L289.121 91.3424L288.629 90.7942L288.001 90.2288L286.271 89.612L284.642 88.8581L284.472 92.4047L284.217 95.9684L285.185 96.0027L285.711 96.1911L286.491 95.8142L286.44 95.0089L287.051 94.6491L287.883 94.3407L289.07 94.8205L289.478 95.7799L289.97 96.3796L290.632 97.0649L291.565 97.2363L292.379 97.3562L292.566 97.6303L293.211 97.5618L293.347 97.2534L292.396 96.7908L292.702 96.5852L291.989 96.3967L292.074 95.917L291.531 95.9513L291.022 94.7862L290.224 94.0837ZM296.113 90.9314L296.028 90.366L295.689 90.0062L295.332 89.5608L294.942 89.3038L294.62 89.0639L294.127 88.7555L293.856 89.0125L294.518 89.338L295.044 89.8006L295.451 90.1604L295.655 90.5716L295.79 91.2227L296.113 90.9314Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M210.574 4.28885L209.81 3.60352L207.502 2.90106L205.907 2.54126L204.855 2.69546L203.956 3.19232L204.94 3.32939L206.06 3.87765L207.418 4.16891L209.369 4.39165L210.574 4.28885ZM180.251 3.03952L180.404 2.93672L179.436 2.78252L178.961 2.90246L178.741 3.07379L178.486 2.86819L177.604 2.88532L176.552 3.02239L177.858 3.03952L177.672 3.26225L178.418 3.43359L179.029 3.31365L179.046 3.19372L179.538 3.14232L180.251 3.03952ZM214.272 4.73288L214.017 4.42449L211.896 3.97902L211.387 3.92762L211.014 4.01329L211.218 5.04128L214.272 4.73288ZM216.852 5.81371L215.29 5.69377L215.867 5.48818L214.476 5.23118L213.441 5.55671L213.271 5.89937L213.526 6.25917L212.355 6.24204L211.456 6.6875L210.726 6.49904L209.148 6.5847L209.199 6.80743L207.638 6.92737L206.806 7.33856L206.093 7.37283L205.89 7.93822L206.823 8.38369L205.517 8.50362L203.905 8.45222L202.92 8.64069L203.735 9.56588L204.906 10.3026L203.277 9.78861L201.936 9.84001L201.071 10.1827L201.834 10.8337L201.003 10.6624L200.647 9.80574L199.934 9.32601L199.628 9.34315L200.239 9.97708L199.459 10.5767L200.833 11.2963L200.901 12.2215L201.393 12.7184L202.191 12.8041L202.259 13.4037L203.005 13.9348L202.683 14.3803L202.768 14.8429L202.14 15.0828L202.055 15.4254L201.156 15.2884L201.75 13.952L201.665 13.3352L200.528 12.7698L199.883 11.5191L199.255 10.8851L198.644 10.611L198.78 9.89141L198.288 9.39455L196.371 9.15468L196.014 9.32601L196.099 10.1313L195.369 10.9365L195.573 11.2278L196.371 11.9303L196.387 12.3757L197.287 12.4614L197.423 12.6499L198.407 13.1467L198.237 13.6264L195.098 12.5813L193.978 12.2901L191.806 12.0159L191.602 12.3072L192.603 12.8383L192.145 13.4551L191.059 12.9069L190.211 13.2838L188.921 13.3009L188.565 13.6264L187.666 13.5237L188.09 12.9583L187.547 12.924L185.46 13.7121L184.17 14.1576L184.238 14.7572L183.22 14.9628L182.541 14.6373L182.338 14.1233L183.186 14.0034L182.575 13.4894L180.505 13.181L181.235 13.7635L181.099 14.3118L181.896 14.8772L181.71 15.5282L180.929 15.2027L180.25 15.1513L178.893 16.0765L179.606 16.779L179.063 17.0188L177.128 16.4192L176.772 16.779L177.332 17.1902L177.366 17.6528L176.721 17.4129L175.703 17.1216L175.38 16.1279L175.211 15.6824L173.853 14.9971L174.345 14.8772L177.756 15.5968L178.842 15.3398L179.47 14.8429L179.198 14.2261L178.52 13.7806L175.533 12.7355L173.565 12.5128L172.275 11.9645L171.664 12.2729L170.578 12.6499L170.035 12.7355L170.103 13.3695L171.325 14.0034L170.85 14.7058L171.936 15.7852L171.647 16.6076L172.479 17.3101L172.326 17.944L173.565 18.6122L173.412 19.1091L172.852 19.6745L171.512 20.9423L172.411 21.4221L171.647 21.9703L171.8 22.1417L171.359 22.7242L171.783 23.6665L171.512 23.992L171.919 24.2319L172.089 24.7116L172.445 25.3284L173.327 25.5854L173.497 25.8253L173.887 25.7054L174.702 25.9452L174.871 26.4421L174.77 26.7162L175.397 27.3844L175.771 27.5729L175.754 27.7613L176.331 27.9498L176.619 28.2239L176.348 28.4467L175.686 28.4124L175.55 28.5152L175.805 28.8579L176.144 29.5261L176.449 29.5603L176.619 29.3205L176.874 29.3719L177.688 29.2862L178.333 29.8687L178.18 30.0915L178.299 30.417L178.978 30.4513L179.351 30.9139L179.385 31.1195L180.505 31.4964L181.099 31.3251L181.71 31.8219L182.202 31.8048L183.491 32.1474L183.559 32.473L183.339 33.0212L183.644 33.6038L183.593 33.9636L182.796 34.0492L182.422 34.3405L182.49 34.8202L183.203 34.6489L183.271 34.8716L182.117 35.3171L182.66 35.7283L182.117 36.6192L181.54 36.7905L182.388 37.4073L183.44 37.8185L184.696 38.6923L184.781 38.5724L185.545 38.7609L186.851 38.9322L188.124 39.4291L188.31 39.6347L188.803 39.4633L189.668 39.6861L190.024 40.1144L190.618 40.3543L190.873 40.3885L191.602 41.0396L192.01 41.1081L192.094 40.8511L192.536 40.4228L191.297 39.1721L191.229 38.4696L190.228 37.4587L190.822 36.3793L191.602 36.1909L191.84 35.557L191.365 35.3856L191.331 34.8374L190.618 34.1349L190.007 34.1692L189.108 33.4324L189.396 32.6272L189.108 32.4216L189.464 31.2565L190.482 31.8733L190.364 31.0852L191.738 29.9544L193.011 29.9201L195.03 30.6569L196.15 31.0681L196.88 30.6397L198.169 30.6055L199.408 31.1537L199.544 30.8453L200.714 30.8967L200.748 30.3827L199.153 29.6631L199.764 29.1663L199.51 28.875L200.171 28.6009L199.323 27.8984L199.561 27.5386L202.411 27.1788L202.7 26.9218L204.532 26.5449L205.058 26.1166L206.586 26.3393L207.315 27.4187L208.045 27.1617L209.233 27.5215L209.436 28.0869L210.183 28.0183L211.727 27.0418L211.591 27.3673L213 28.1725L216.071 30.8282L216.258 30.2628L217.666 30.8796L218.718 30.6055L219.261 30.7939L219.957 31.4107L220.619 31.6163L221.178 32.0618L222.197 31.9076L222.926 32.5586L223.215 32.473L224.012 32.3016L225.132 31.3765L226.133 30.8796L227.033 31.2051L227.898 31.2223L228.696 31.7191L229.544 31.7534L230.884 32.0275L231.292 31.2908L230.613 30.674L230.834 29.5775L232.004 30.0058L232.819 30.1429L233.939 30.3999L234.567 31.188L235.992 31.6334L236.654 31.445L237.621 31.3079L238.537 31.445L239.64 31.959L240.472 32.4901H241.235L242.372 32.6614L242.983 32.3873L243.967 32.216L244.731 31.4621L245.291 31.5821L245.953 31.9418L246.886 31.8562L248.124 32.2502L248.871 31.5821L248.549 31.1195L248.532 30.0058L248.735 29.6631L248.311 29.0977L247.683 28.8407L247.972 28.3267L248.837 28.1383L249.889 28.104L251.332 28.4124L252.333 28.8065L253.639 29.8516L254.284 30.3142L255.031 30.9481L256.066 31.9932L257.746 32.3188L259.256 33.0898L260.274 34.0835H261.547L261.988 33.6552L263.159 33.3468L263.379 34.3062L263.311 34.7003L263.786 35.8654L263.888 36.8933L262.734 36.7049L262.242 37.0818L263.04 37.9899L263.685 39.2406L263.26 39.2577L263.583 39.7889L263.82 39.9773L263.753 39.6347L264.431 38.8637L265.297 39.3777L265.84 39.3605L266.586 38.7437L266.756 38.1098L267.112 36.8933L267.435 35.6598L267.214 34.923L267.384 33.381L266.501 31.6849L265.568 30.4341L265.348 29.3719L264.55 28.4981L262.395 27.3501L261.445 27.2816L261.394 27.7956L260.41 27.5729L259.442 26.9218L258.085 26.8019L258.916 24.3861L259.51 22.4158L261.733 22.1074L264.262 22.2787L264.686 21.799L266.026 21.9361L266.756 22.6728L267.842 22.57L269.267 22.2959L267.961 21.6962V20.0171L269.505 19.6916L271.558 20.9081L272.169 19.8115L271.626 19.0063L272.423 18.9206L273.526 20.3084L273.119 21.0965L272.983 22.1245L273.034 23.4095L272.067 23.6322L272.542 24.0948L272.525 24.7116L273.611 26.1337L276.326 28.4295L278.108 29.9373L279.075 30.674L279.347 29.6974L278.583 28.6351L279.55 28.3781L278.634 27.196L279.482 26.6648L278.685 26.2194L278.108 25.3627L278.804 25.3284L277.276 23.855L276.14 23.6151L275.647 23.2039L275.461 22.2445L274.935 21.5763L276.123 21.7133L276.343 21.285L277.141 21.6619L278.176 20.8738L280.11 21.5591L279.822 21.1137L280.161 20.4969L280.416 19.8115L280.942 19.6916L282.045 18.9549L283.707 19.1605L283.555 18.9035L282.91 18.5094L282.214 18.2353L280.67 17.4472L279.296 16.9332L280.331 17.0017L280.67 16.5734L275.087 12.8212L273.492 12.4271L270.828 11.9817L269.488 12.0331L266.909 11.7932L267.214 12.1873L268.656 12.7698L268.232 13.0782L265.823 12.2558L264.669 12.3586L263.108 12.1701L261.92 12.2044L261.258 12.3929L260.036 12.1187L259.171 11.4677L258.068 11.0907L256.507 10.9365L254.013 11.1079L251.281 10.4225L249.957 9.90854L243.153 9.32601L242.796 9.70294L244.374 10.5253L243.102 10.4054L242.932 10.6624L241.286 10.3883L240.438 10.6281L238.86 10.2169L239.369 11.1593L237.859 10.7995L236.162 10.097L236.094 9.72008L235.076 9.15468L233.413 8.70922H232.378L230.8 8.55502L231.597 9.22322L228.679 9.08615L228.017 8.69209L225.76 8.53789L224.861 8.67495L224.844 8.89768L223.86 8.34942L223.469 8.50362L222.247 8.29802L221.297 8.17809L221.484 7.92109L222.604 7.44136L222.994 7.18436L222.587 6.75603L221.654 6.4305L219.702 6.03644L217.87 6.01931L217.547 6.2249L216.852 5.81371ZM189.329 11.2286L187.649 10.4918L187.123 9.75512L187.683 8.91559L188.158 8.05893L189.618 7.25367L191.28 6.84247L193.198 6.43127L193.419 6.17428L192.706 5.84875L191.586 5.95155L190.754 6.25994L188.769 6.41414L187.055 6.94527L185.901 7.40787L186.326 7.7848L185.206 8.53866L185.868 8.65859L184.951 9.39532L185.223 9.87505L184.646 10.0635L184.968 10.5432L186.309 10.7831L186.682 11.1772L188.956 11.2971L189.329 11.2286ZM242.61 6.99285L239.573 6.54739L237.842 6.51312L237.265 6.66732L237.842 7.24985L239.946 7.79812L240.71 7.59252L243.119 7.62678L242.61 6.99285ZM246.886 7.38873L244.9 7.166L243.509 7.04607L243.797 7.3202L245.545 7.66286L246.699 7.73139L246.886 7.38873ZM244.765 9.01584L244.341 8.77598L242.932 8.45045L242.237 8.53611L242.101 8.87877L242.288 8.91304L243.781 9.01584H244.765ZM272.356 11.1252L271.338 10.5084L271.101 10.8853L271.694 11.1595L272.356 11.1252ZM168.441 27.2148L168.339 26.9578L168.373 26.6665L168 26.5123L167.151 26.3238L166.082 26.6665L165.964 27.112L166.965 27.2319L168.441 27.2148ZM268.505 30.9484L267.283 29.8861L266.417 28.8581L265.263 27.8644L264.432 27.1791L264.211 27.3161L264.958 27.7959L264.636 28.2756L265.79 29.6976L267.113 30.7256L268.199 32.1477L268.606 32.9358L269.54 34.1009L270.184 35.1289L270.965 36.0198L270.948 35.1974L272.051 35.8485L271.542 35.0946L269.93 34.0152L269.302 32.4732L270.812 32.8159L268.505 30.9484Z" - fill="#DFE3E6" + fill={appColors.COMMON.SECONDARY_COLOR_7} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M182.457 40.9222L180.811 40.1683L179.369 40.2026L178.402 40.4938L177.452 41.1792L175.772 41.0421L175.5 41.8645L174.16 41.8987L173.294 42.9439L173.905 43.4579L173.566 44.3145L174.279 44.9313L174.906 46.0279L175.891 46.0107L176.807 46.6104L177.418 46.4733L177.57 46.0107L178.538 46.045L179.318 46.6446L180.676 46.5247L181.202 45.8908L181.982 46.1478L182.525 46.045L182.237 46.4562L182.627 46.9702L182.831 46.7303L183.034 46.4733L183.017 45.8565L183.34 46.0793L184.273 45.7709L184.782 45.9765H185.512L186.479 45.5481L186.954 45.5824L187.955 45.3939L188.311 45.2226L189.364 45.3768L189.72 45.6509L190.11 45.4625L189.482 44.5715L189.601 44.2289L189.109 42.9781L189.669 42.6697L189.262 42.3442L188.549 42.0872V41.5561L188.328 41.1792L187.378 40.6652L186.462 40.7166L185.529 41.2648L184.765 41.162L183.781 41.3334L182.457 40.9222ZM174.042 41.6071L174.381 41.2815L175.416 41.213L175.535 40.956L174.738 40.6133L174.585 40.2021L173.821 40.0651L172.973 40.4077L173.431 40.6819L173.227 41.3501L173.041 41.47L173.058 41.6927L173.38 42.1896L174.042 41.6071Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M4.30554 65.2155L4.64492 65.0613L5.06913 64.8214L5.10307 64.7529L4.95035 64.3759L4.83157 64.2389L4.69582 64.1361L4.37342 63.9476L4.30554 63.9305L4.23767 64.0333V64.256L4.03405 64.4273L3.96617 64.5473L4.03405 64.9413L3.93224 65.2497L4.13586 65.4039L4.30554 65.2155ZM4.20349 63.5197L4.3053 63.3998L4.10168 63.2285L3.79624 63.1257L3.67746 63.2113V63.2799L3.76231 63.3655L3.86412 63.6054L4.20349 63.5197ZM3.69427 62.9363L3.25309 62.902L3.15128 63.022L3.64337 63.0563L3.69427 62.9363ZM2.8968 62.7814L2.71015 62.4217L2.65924 62.3532L2.37077 62.5074L2.38774 62.5416L2.45562 62.7985L2.76105 62.8327L2.82893 62.8499L2.8968 62.7814ZM1.48862 62.0619L1.53955 61.805L1.31885 61.7879L1.14908 61.8906L1.08118 61.9763L1.35281 62.1646L1.48862 62.0619ZM71.4161 32.3896H71.1446L70.924 32.8008H69.2101H66.3594H63.5257H61.0143H58.52H56.0595H53.5143H52.6998H50.2224H47.8637L47.5922 33.6746L47.185 34.5484L46.7947 34.8225L46.9814 33.8117L45.9972 33.4519L45.7596 33.6575L45.6918 34.1543L45.3863 35.0795L44.6737 36.5016L43.9949 37.461L43.3162 38.4205L42.3999 39.4142L42.2132 40.2195L41.7381 41.1275L41.0763 42.0185L41.246 42.601L40.9236 43.4919L41.1781 44.4171L41.3987 44.7941L41.263 45.0511L41.3309 46.593L41.7551 47.7067L41.6193 48.3064L41.789 48.4777L42.5696 48.5976L42.7901 48.8889L43.2653 48.9403L43.2483 49.2658L43.6216 49.3857L43.9779 50.0197L43.927 50.5679L44.9961 50.4823L46.1839 50.3623L46.0142 50.5851L47.2189 51.1162L49.0346 51.8701H50.8502H51.5798L51.7156 51.4246H53.2937L53.5143 51.8015L53.8706 52.1442L54.2778 52.6239L54.4136 53.1893L54.4815 53.789L54.8548 54.1145L55.5335 54.44L56.348 53.5834L57.0946 53.5662L57.6206 53.9946L57.8921 54.7484L58.0618 55.3824L58.4691 55.9992L58.503 56.7702L58.6388 57.2842L59.3005 57.6268L59.9114 57.8667L60.2677 57.8324L60.1659 57.4555L60.2338 56.9244L60.4035 56.1705L60.7259 55.6908L61.3537 55.1596L62.3718 54.697L63.4069 53.8918L64.2384 53.6348L64.8323 53.5662L65.4262 53.8061L66.2576 53.6691L66.8176 54.2516L67.4624 54.2858L67.8696 54.0802L68.1581 54.2344L68.3787 54.0974L68.226 53.8746L68.3448 53.4463L68.2599 53.1551L68.6672 52.9837L69.3798 52.9152L70.1774 53.0351L71.2294 52.8981L71.7385 53.1551L72.0778 53.6691L72.2305 53.7205L73.2656 53.2236L73.588 53.3949L74.0971 54.303L74.2328 54.9026L73.8935 55.6222L73.9613 56.0506L74.2328 56.8901L74.5722 57.8324L74.8776 58.0723L74.9455 58.552L75.3867 58.6891L75.6752 58.552L76.0145 57.8838L76.1333 57.4555L76.286 56.7188L76.0824 55.4509L76.1672 54.9883L75.9127 54.2173L75.7939 53.2921L75.8109 52.5383L76.1163 51.7673L76.7102 51.1162L77.3381 50.6022L78.5089 49.8997L78.7295 49.5228L79.2895 49.1288L79.7646 49.0602L80.5112 48.4092L81.5293 48.0836L82.3099 47.2612L82.4626 46.1476L82.4795 45.7706L82.242 45.7021L82.4965 44.6399L81.9874 44.2801L82.5304 44.4514V43.7489L82.8528 43.2863L82.6832 44.1944L83.0225 44.6227L82.5304 45.3766L82.5983 45.4108L83.3449 44.5371L83.7522 44.1087L83.854 43.6804L83.7013 43.4919L83.6843 42.8923L83.8879 43.1664L84.0746 43.2349L84.0576 43.5091L84.94 42.6695L85.3642 41.8985L85.1266 41.8471L85.483 41.5387L85.4151 41.6758H85.9751L87.2986 41.3503L87.1119 41.1447L85.7714 41.3503L86.5859 41.0419L87.1119 40.9905L87.5192 40.9391L88.2149 40.7506L88.6221 40.7677L89.267 40.5964L89.4366 40.3052L89.25 40.0653L89.216 40.4422L88.8597 40.4251L88.7579 39.8597L88.9445 39.2943L89.1821 39.0716L89.8439 38.4376L90.845 38.1292L91.8631 37.7694L92.9322 37.2554L92.8982 36.9128L92.5419 36.3131L93.017 34.8568L92.7625 34.5484L92.1346 34.7369L91.948 34.4456L91.0147 35.2509L90.4717 36.0904L90.0136 36.5701L89.5894 36.7243L89.3009 36.7757L89.1312 37.0498H87.5531H86.2466L85.7884 37.2554L84.6515 37.975L84.6854 38.1292L84.5836 38.5404L83.8031 38.8831L83.1413 38.7974L82.4626 38.7632L82.0214 38.8831L81.9705 39.1915L81.9535 39.2943L80.9693 39.9282L80.2058 40.2366L79.7137 40.3737L79.0858 40.665L78.4071 40.8191L77.9829 40.7677L77.5247 40.545L77.9829 40.1338L78.3223 39.7569L78.9501 39.1744L79.0689 38.746L79.1537 38.1464L78.8822 38.0264L78.1526 38.5062L77.9998 38.489L78.0508 38.232L78.6956 37.8037L78.9671 37.324L79.0858 36.8442L78.6277 36.4331L77.9998 36.2103L77.7114 36.6215L77.4738 36.7243L77.1005 37.2554L77.1684 36.8956L76.7272 37.1526L76.3709 37.4953L75.9297 38.0264L75.7091 38.4719L75.7261 39.123L75.4206 39.8083L74.8607 40.3223L74.6231 40.4765L74.3516 40.5964H74.0462L73.9953 40.5279L73.9783 39.9625L74.0971 39.6884L74.2159 39.4314L74.3177 38.9174L74.7419 38.3177L75.234 37.581L76.0145 36.7757H75.8958L74.9794 37.461L74.9116 37.3411L75.4037 36.947L76.2012 36.2617L76.829 36.1761L77.5756 35.9533L78.2035 36.0733H78.2204L79.018 35.9876L78.7634 35.5593L78.5598 35.525L78.3223 35.4736L78.2544 35.1823L77.389 35.268L76.5406 35.5079L76.1163 35.1138L75.6921 34.9767L76.2182 34.4113L75.3188 34.754L74.4874 35.1138L73.7068 35.3708L73.3505 35.011L72.4172 35.2337L72.4851 35.0795L73.2656 34.6341L74.0631 34.2057L75.0643 33.8459L74.165 33.5718L73.4183 33.7089L72.7735 33.3833L71.993 33.212L71.45 33.1435L71.2803 32.9721L71.4161 32.3896ZM30.5892 24.3537L31.76 23.8739V23.5655L31.3188 23.497L30.7419 23.6512L29.6559 24.011L29.2826 24.4736L29.4014 24.7477L30.5892 24.3537ZM24.022 21.5461L24.4123 21.152L23.9202 21.0664L22.953 21.2377L23.0887 21.5118L23.3602 21.7003L24.022 21.5461ZM24.2258 17.7247L23.6997 18.1016L23.7676 18.1873L24.4803 18.1187L24.5312 18.3072L24.8197 18.5128L25.6511 18.3072L25.8547 18.2044L25.2948 18.0673L25.0233 17.8103L24.4464 17.9131L24.2258 17.7247ZM45.4203 10.8354L44.6736 10.647L42.9428 11.1267L42.3999 11.0753L40.5333 11.4694L39.7188 11.5722L38.3953 12.0005L37.5808 12.446L36.1215 12.8743L34.8319 12.8914L33.7629 13.3883L34.3059 13.6795L34.4247 14.0736L34.2889 14.5362L34.6792 14.896L34.4756 15.4957L32.9145 15.5299L33.6441 15.0502H33.0672L30.8443 15.5128L29.3002 15.9069L29.4698 16.4723L29.2662 16.8492L30.0298 17.0891L31.2006 16.9691L31.5061 17.1919L31.9982 16.9691L33.0332 16.7635H33.4914L32.4902 17.1233L32.6769 17.2947L32.2527 17.7401L31.3194 18.0485L30.8952 17.9629L29.7074 18.4254L29.402 18.2712L28.7063 18.3398L27.8069 18.8538L26.5173 19.3849L25.5331 19.9674L25.5841 20.3786L24.9053 20.944L25.1429 21.1839L25.2277 21.6465L26.4494 21.458L26.5173 21.8178L25.9574 22.1776L25.3465 22.7773H25.8216L27.0433 22.3832L26.7719 22.8801L27.3827 22.5203L27.3148 23.0343L28.1293 22.6573L28.1972 22.8458L29.4189 22.5374L28.3669 23.1199L27.3997 23.8909L26.4325 24.2507L26.0422 24.4563L24.2944 25.0731L23.463 25.4843L22.36 25.6043L20.9177 26.1697L19.7978 26.4781L18.4233 26.9578L18.3555 27.1291L20.0523 26.8379L21.0704 26.4952L22.2413 26.1525L23.2763 25.8613L23.7515 25.9469L25.1259 25.5015L25.8895 25.0217L27.6712 24.4906L28.333 24.0451L29.4529 23.7367L30.7425 23.3084L32.2527 22.5888L32.2187 22.092L34.1022 21.3895L35.3579 20.7213L36.919 20.173L36.8512 20.4129L35.7143 20.7213L34.3059 21.6979L33.7629 22.2976L34.8489 22.0748L35.8839 21.7493L36.9869 21.5266L37.479 21.4752L38.0729 20.7727L39.1419 20.5671L39.5831 20.9954L40.6012 21.458L41.7381 21.3724L42.7053 21.715L43.2483 21.9035L43.8082 22.9486L44.4361 23.2399L45.6408 23.2741L46.3366 23.3427L45.8784 24.285L46.1499 25.1245L45.5899 26.0155L46.0142 26.341L46.116 26.7179L46.9814 26.2211L47.5074 25.5871L46.7268 24.9361L46.9814 23.771L47.168 23.0514L46.8795 22.5888L46.7608 22.1776L46.8456 21.6636L45.7596 21.9892L44.47 22.5545L44.4361 21.8864L44.3343 21.4409L43.8761 21.1668L43.1634 21.1496L49.1703 15.5985L53.2936 12.1376L52.6997 12.0176L52.004 11.7435L50.9011 11.8806L50.5278 11.7606L49.323 11.675L48.271 11.4008L47.4565 11.4865L46.625 11.3323L46.9644 11.1267L45.8954 11.0753L45.3354 11.2466L45.4203 10.8354Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M308.364 103.975L307.906 103.358L307.804 103.649L308.025 104.129L308.364 103.975ZM308.026 102.31L307.635 101.968L307.482 102.807L307.567 103.115L307.771 103.047L307.992 103.184L308.026 102.31Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M179.335 110.275L178.843 110.172L178.521 110.309L178.079 110.121L177.706 110.104L176.349 110.909L175.466 111.714L175.127 112.451L174.838 112.862L174.329 112.948L174.126 113.462L174.024 113.805L173.413 114.062L172.666 114.01L172.242 113.702L171.852 113.565L171.394 113.822L171.139 114.353L170.681 114.678L170.206 115.158L169.527 115.278L169.341 114.884L169.459 114.233L168.95 113.188L168.713 113.017L168.526 117.06L167.678 117.608L167.186 117.694L166.626 117.488L166.218 117.403L166.083 116.94L165.726 116.632L165.268 117.18L165.862 118.585V118.602L166.286 119.51L166.829 120.538L166.795 121.36L166.507 121.566L166.744 122.286L166.71 122.937L166.812 123.228L166.863 123.074L167.22 123.571L167.525 123.588L167.881 123.982L168.289 123.948L168.882 123.536L169.663 123.365L170.613 122.937L170.987 122.988L171.546 122.851L172.514 123.057L172.972 122.851L173.515 123.022L173.651 122.714L174.109 122.663L175.093 122.234L175.823 121.737L176.518 121.086L177.655 119.973L178.232 119.184L178.537 118.636L178.962 118.071L179.165 117.917L179.827 117.368L180.099 116.872L180.285 115.981L180.574 115.175H179.878L179.657 115.655L179.097 115.775L178.588 115.175L178.605 114.798L178.877 114.387L178.996 114.079L179.267 113.993L179.725 114.199L179.657 113.805L179.895 112.588L179.708 111.817L179.335 110.275ZM175.925 119.321L175.586 119.424L174.958 118.584L175.501 117.899L176.027 117.47L176.468 117.248L176.858 117.59L177.147 117.916L176.824 118.447L176.638 118.807L176.112 118.978L175.925 119.321Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M158.549 40.0492L158.362 39.1582L157.819 39.5523L157.65 39.9464L157.887 40.6659L158.294 40.8715L158.549 40.0492ZM153.203 31.326L152.796 30.9148L152.423 30.8977L152.304 30.5208L151.574 30.7264L151.337 31.6001L149.419 32.4225L148.639 31.9771L148.876 33.1764L147.485 32.9023L146.399 33.125L146.467 33.9131L147.74 34.3243L148.35 34.8555L149.216 35.9691L149.046 38.0765L148.588 38.7104L148.927 39.1216L150.522 39.6014L150.845 39.3786L151.812 39.8583L152.83 39.7213L152.915 39.0874L154.171 38.7447L155.867 39.0188L156.631 38.4363L156.716 37.9737L156.258 37.8366L156.003 37.0142L156.292 36.7058L156.02 36.2946L156.054 36.0034L155.749 35.5408L155.341 35.695V35.2153L155.935 34.6156L155.901 34.3415L156.292 34.4443L156.512 34.2729L156.597 33.5019L156.987 32.7823L155.783 32.5767L155.375 32.3026L155.138 32.3197L154.951 32.2341L154.205 31.7543L153.78 31.8229L153.203 31.326Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M151.642 43.8017V43.7675H151.557L151.507 43.6992L151.49 43.7333L151.473 43.7675V43.8017H151.557L151.625 43.8188L151.642 43.8017ZM151.506 43.5261H151.557L151.659 43.4063V43.3549L151.608 43.3206L151.422 43.3549L151.388 43.4063V43.4576L151.337 43.4748L151.32 43.5433L151.337 43.5775L151.473 43.5946L151.506 43.5261ZM148.588 38.7117L147.197 38.6774L146.484 38.7288L145.568 38.5575H144.414L143.362 38.369L142.106 39.14L142.446 39.5855L142.378 40.3393L142.7 40.0652L143.056 39.911L143.26 40.4421H143.769L143.922 40.3051L144.431 40.3393L144.652 40.8705L144.244 41.1617L144.21 42.0013L144.058 42.1555L144.007 42.6695L143.633 42.7551L143.973 43.4062L143.701 44.1429L144.007 44.4684L143.871 44.7597L143.532 45.188L143.599 45.5478L144.414 45.7192L144.652 46.3531L144.991 46.73L145.415 46.8328L145.771 46.4045L146.331 46.0104L147.18 46.0276H148.317L148.962 45.1709L149.623 44.9482L149.827 44.2286L150.336 43.7317L149.997 43.0978L150.336 42.224L150.862 41.6243L150.947 41.2645L152.067 41.0418L152.881 40.3222L152.83 39.7225L151.812 39.8596L150.845 39.3799L150.523 39.6026L148.928 39.1229L148.588 38.7117ZM153 42.581L153.017 42.5296L153.034 42.4953L153.051 42.4782L153.017 42.4439V42.4268L153.051 42.3925L153.017 42.3754L152.796 42.4439L152.678 42.5124L152.321 42.7694V42.8208L152.338 42.8551H152.406L152.44 42.9236L152.508 42.8551L152.559 42.838L152.61 42.8551L152.661 42.8894L152.678 42.9922L152.695 43.0264L152.796 43.0436L152.949 43.1121L153.017 43.0778L153.102 43.0264L153.136 42.9236L153.187 42.838L153.238 42.7523L153.288 42.6838L153.272 42.6152L153.221 42.5981L153.17 42.581L153.085 42.6152L153 42.581ZM154.019 42.5332L154.036 42.4647V42.4476L153.951 42.3277L153.798 42.2763L153.628 42.2935L153.611 42.3106V42.3791L153.628 42.3962L153.73 42.4134L154.002 42.5332H154.019Z" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M92.1939 67.4603L92.2413 67.4432V67.4261V67.3919L92.2176 67.3748L92.1939 67.3406L92.0992 67.3064L91.9808 67.3919V67.4261L92.0045 67.4774L92.1466 67.4945L92.1939 67.4603ZM92.242 66.86V66.7744L92.2183 66.7401H92.1472L92.1235 66.723H92.0999L92.0762 66.7401L92.0999 66.8429L92.2183 66.8942L92.242 66.86Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M81.9699 62.9197L82.0039 62.8169L81.9529 62.7997L81.8681 62.9197L81.7663 62.9711H81.7154L81.5966 62.9197H81.5118L81.4439 63.0053L81.3421 63.0225L81.359 63.0396V63.0739L81.3251 63.1253V63.1595L81.3421 63.2109L81.5966 63.1938L81.8172 63.1595L81.936 63.0053L81.9699 62.9197ZM82.1053 62.5773L82.0376 62.526L81.9699 62.5773L81.9868 62.6286L82.1053 62.5773ZM82.1056 61.5845L82.0377 61.5502L81.9868 61.6359L82.0377 61.6531L82.1565 61.6359L82.2414 61.6531L82.3263 61.7217L82.3772 61.6874L82.3603 61.6702L82.2924 61.6188L82.1905 61.6016H82.1565L82.1056 61.5845ZM80.9861 61.8057L81.1048 61.7029L81.2236 61.6515L81.3763 61.4632L81.3594 61.309L81.3933 61.2405L81.2915 61.2576L81.2745 61.309L81.2576 61.3604L81.3085 61.4289V61.4632L81.2745 61.5317L81.2236 61.5488L81.2067 61.583L81.1558 61.6002L81.0879 61.6858L80.9521 61.7885L80.9182 61.8399L80.9861 61.8057ZM81.1899 61.2558L81.0882 61.2216L81.0543 61.1532L80.9865 61.1361L80.9695 61.1703V61.2045L80.9865 61.2729L81.0204 61.2558L81.156 61.3242L81.2238 61.2729L81.1899 61.2558ZM80.4945 61.07V60.9501L80.4265 60.8644L80.3246 60.7959L80.3076 60.5903L80.2567 60.4703L80.2227 60.3675L80.1548 60.2305V60.3161L80.1718 60.3333L80.1888 60.4361L80.2567 60.5903L80.2737 60.6588L80.2567 60.7273L80.1888 60.7445L80.1718 60.7787L80.2567 60.8301L80.3926 60.8815L80.4775 61.1043L80.4945 61.07ZM79.7981 60.4699L79.7133 60.4186L79.6794 60.3673L79.5608 60.2476L79.5099 60.2305L79.476 60.2989L79.5438 60.316L79.6964 60.4357L79.7642 60.4699H79.7981ZM81.0362 59.783L81.0193 59.7317H81.0024L80.9517 59.7488L80.9009 59.9026H80.9517L81.0362 59.783ZM78.0512 59.5958L78.0172 59.5445L77.9663 59.5787H77.8814L77.8475 59.5958H77.7796L77.7286 59.6301L77.7965 59.7671L77.8475 59.8185L77.8644 59.9897L77.8984 60.0069L77.8814 60.1267L78.0682 60.1439L78.1361 60.0069V59.9555V59.9384V59.9041V59.8699V59.7157L78.0852 59.6301L78.0172 59.7329L77.9493 59.6815L78.0512 59.613V59.5958ZM80.24 59.646L80.0703 59.4062V59.372L79.9854 59.1151L79.9344 59.0979L79.9175 59.1151L79.9005 59.1493L79.9684 59.2178V59.2863L80.0193 59.3206L80.0872 59.509L80.1551 59.5775L80.1382 59.6288L80.0703 59.6802L80.0533 59.7145H80.0703L80.1721 59.6973H80.24V59.646ZM78.4579 58.7573L78.5427 58.7231L78.4918 58.6888H78.3732L78.3054 58.706L78.2715 58.7402L78.2884 58.7573L78.3562 58.7745L78.4579 58.7573ZM78.051 59.0971L77.9662 58.9943L77.9153 58.8401L77.8813 58.7715L77.8983 58.6859L77.8474 58.6173L77.7456 58.5488L77.6947 58.5659L77.7116 58.7544L77.6777 58.8572L77.542 59.0457L77.5589 59.1142L77.5759 59.1485L77.4911 59.217V59.1656L77.3892 59.1827L77.4401 59.2684L77.542 59.3369L77.5929 59.3541L77.6438 59.3198V59.4055L77.6947 59.474L77.7116 59.5425L77.7625 59.4911L77.8644 59.4569L77.8983 59.4226L78.0171 59.3541V59.3198L78.034 59.217L78.051 59.0971ZM79.1873 58.242L79.1364 58.1563L79.1194 58.1734L79.1025 58.242L79.0515 58.3105L79.1364 58.2934L79.2043 58.3105L79.3062 58.3962L79.425 58.4304L79.4759 58.5332L79.5778 58.636V58.7388L79.5099 58.8416L79.4929 58.9616L79.3911 58.9787L79.408 58.9958L79.459 59.0472L79.4759 59.1158L79.5099 59.15V59.0301L79.5608 58.893L79.6287 58.6703L79.6118 58.6189L79.5608 58.5675L79.442 58.4133L79.3232 58.3619L79.1873 58.242ZM77.6939 56.8889L77.6091 56.8203L77.5751 56.8889V56.906L77.5582 56.9574L77.4733 57.0259L77.3885 57.0431L77.2697 56.9403L77.2357 56.9231L77.3715 57.1116L77.4224 57.1287H77.4903L77.643 57.0773L77.9145 56.9917L78.203 56.9574L78.2199 56.9231L78.203 56.8717L78.0672 56.906L77.8975 56.8889L77.8636 56.9231H77.7957L77.6939 56.8889ZM78.7289 57.7801L78.7628 57.7287L78.8307 57.4203L78.9665 57.3175L78.9834 57.1119L78.8986 57.0262L78.8307 56.992L78.8138 56.9577L78.8307 56.9234L78.7968 56.9063L78.7459 56.872L78.678 56.7692L78.6101 56.7007L78.4913 56.6836L78.3895 56.6664L78.3217 56.6493L78.2368 56.7007H78.3726L78.6271 56.7521L78.7459 57.0091L78.8307 57.0776L78.8477 57.1462L78.8138 57.2147V57.2832L78.7628 57.3689L78.7459 57.506L78.695 57.5745L78.5762 57.6602L78.6441 57.6944L78.695 57.7972L78.7289 57.7801Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M191.705 99.4432L191.637 99.3749H191.57V99.4091L191.587 99.4774L191.773 99.5116L191.705 99.4432ZM192.367 99.1849H192.351L192.317 99.202L192.3 99.2362L192.283 99.2875H192.232H192.198H192.13L192.266 99.373L192.351 99.4585L192.384 99.4927L192.401 99.4585L192.418 99.3388L192.367 99.1849ZM191.417 99.001L191.451 98.9496L191.417 98.8297L191.349 98.6927L191.366 98.453L191.332 98.4187H191.281L191.264 98.4358L191.247 98.4872L191.196 98.8297L191.264 98.9325L191.315 98.9496L191.4 99.0181L191.417 99.001Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M127.276 69.8224L127.293 69.754L127.259 69.6514L127.208 69.6343L127.107 69.7027L127.09 69.754L127.107 69.8053L127.157 69.8566L127.208 69.8737L127.276 69.8224ZM128.345 69.5312L128.412 69.4971V69.3776L128.395 69.3264H128.328L128.294 69.3947V69.4117V69.48L128.328 69.5312H128.345ZM128.108 69.6662L128.023 69.5121L127.972 69.495L127.87 69.3751V69.3237L127.819 69.3066V69.3408V69.4093L127.785 69.495V69.5806L127.853 69.7176L127.921 69.7518L128.04 69.769L128.108 69.6662ZM128.634 68.3325V68.418L128.583 68.5377L128.667 68.589L128.718 68.6061L128.82 68.5377L128.854 68.4522L128.837 68.4009L128.786 68.3496L128.735 68.3325L128.718 68.3496L128.634 68.3325ZM127.547 67.9032L127.378 67.886L127.276 67.8518H127.259V67.9032L127.327 68.0402L127.361 67.9546L127.395 67.9374L127.531 67.9717L127.598 67.9546L127.581 67.9374L127.547 67.9032ZM128.685 67.8697L128.668 67.7842V67.6645H128.634L128.583 67.6987L128.6 67.8184L128.617 67.8355L128.651 67.921L128.685 67.8697ZM126.8 67.6968V67.6626L126.75 67.5772L126.699 67.5943L126.631 67.6285L126.614 67.6797L126.682 67.7139H126.716L126.8 67.6968ZM126.547 67.5452L126.682 67.4425L126.716 67.3911L126.682 67.3055L126.597 67.2883L126.394 67.3911L126.377 67.4253L126.394 67.4767L126.411 67.5623L126.445 67.5795L126.547 67.5452Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M73.9266 64.9375L73.9097 64.8862L73.8927 64.9033V65.006H73.9775H74.0114L74.0622 64.9718H74.1639L74.147 64.9375L74.0114 64.9204L73.9944 64.9375L73.9605 64.9547L73.9266 64.9375ZM75.2836 64.5431L75.2667 64.526H75.2498L75.199 64.5431H75.1821H75.1652L75.1483 64.5602L75.1313 64.5773H75.1652L75.2328 64.5431H75.2667H75.2836ZM75.42 64.5255L75.5046 64.4913L75.4877 64.4742H75.4708L75.4539 64.4913H75.4369L75.3523 64.5426H75.3862L75.42 64.5255Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M101.635 142.656L101.618 142.604L101.551 142.57L101.517 142.553L101.534 142.587L101.551 142.639L101.568 142.673L101.601 142.69L101.635 142.656ZM102.569 142.434L102.552 142.417H102.518L102.502 142.451L102.535 142.503L102.603 142.52L102.569 142.434ZM100.38 142.194L100.363 142.228L100.295 142.245L100.329 142.296L100.431 142.365H100.498L100.515 142.313L100.498 142.211H100.448L100.38 142.194ZM100.855 141.85L100.702 141.799L100.634 141.747H100.584L100.651 141.816L100.668 141.85L100.685 141.884L100.787 141.936L100.889 141.987L100.957 142.039L100.94 142.056L100.804 142.107H100.753L100.719 142.124L100.787 142.159L100.889 142.141L100.923 142.124H100.957L101.008 142.141V142.176L100.991 142.21L100.957 142.244L100.889 142.296L100.787 142.364H100.651L100.533 142.484L100.685 142.57L100.804 142.621H100.957V142.604L100.991 142.587H101.042L101.059 142.57L101.093 142.501V142.398H101.127L101.177 142.416L101.296 142.398L101.347 142.381L101.449 142.227L101.517 142.09L101.551 142.021L101.602 141.987L101.619 141.953L101.636 141.902L101.687 141.867V141.816L101.619 141.782L101.568 141.747L101.517 141.799L101.483 141.782L101.33 141.833H101.262L101.211 141.799L101.144 141.782L101.076 141.799L100.991 141.884L100.855 141.85ZM100.974 141.785L100.991 141.733L100.974 141.699L100.889 141.665H100.805L100.838 141.75L100.872 141.785H100.974ZM101.975 141.663H101.907L101.975 141.748L101.839 141.885L101.873 141.988L101.924 142.057L101.941 142.091L101.924 142.108L101.856 142.125L101.805 142.142L101.771 142.194L101.619 142.348L101.653 142.382L101.602 142.502L101.636 142.554L101.771 142.674L101.907 142.742V142.622L101.975 142.605L102.043 142.639L102.111 142.605L101.958 142.434H102.009L102.433 142.519L102.416 142.451L102.399 142.417L102.348 142.348L102.603 142.28L102.688 142.228L102.722 142.177L102.823 142.16L102.959 142.108L102.942 142.091L102.959 142.04L102.891 142.005L102.806 141.988L102.823 141.937L102.908 141.92L102.773 141.8L102.722 141.783L102.552 141.8L102.501 141.817V141.851L102.518 141.903L102.569 141.954L102.586 141.988L102.552 141.971L102.365 141.903L102.331 141.885L102.297 141.817L102.331 141.8L102.382 141.817L102.399 141.766L102.331 141.714L102.263 141.697L102.111 141.714L101.975 141.663Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M145.195 20.019V19.9678L145.178 19.9166V19.8825H145.161L145.076 19.8654L145.059 19.8313H145.042V19.8654L145.059 19.9337L145.144 20.0019L145.195 20.0361H145.212L145.195 20.019ZM145.279 19.6592V19.6421L145.246 19.608L145.161 19.5738L145.127 19.5567L145.093 19.5738V19.608L145.11 19.625L145.178 19.6421L145.246 19.6934H145.262L145.279 19.6592ZM144.873 19.3335L144.839 19.3164L144.754 19.3335H144.703L144.72 19.3849L144.822 19.4191H144.873H144.923L144.957 19.402L144.94 19.3677L144.873 19.3335ZM145.296 19.2489L145.161 19.2147L145.059 19.1633L144.889 19.1804L145.008 19.3688L145.144 19.4887L145.211 19.5229V19.5058V19.4715L145.144 19.3859L145.127 19.3688V19.3517L145.144 19.3345H145.177L145.228 19.3688H145.262L145.296 19.2489ZM145.467 19.2136L145.416 19.1794L145.348 19.1111V19.1965V19.2478V19.2649H145.365L145.416 19.282L145.467 19.2136Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M256.831 61.8241V61.7899V61.7557L256.763 61.7216H256.713L256.729 61.7557L256.797 61.8412L256.831 61.8241ZM256.61 61.8245L256.593 61.7391L256.627 61.6878L256.475 61.7391L256.458 61.7903V61.8074L256.492 61.8245H256.61ZM256.882 61.6179L256.865 61.5666L256.831 61.5494L256.814 61.4981L256.797 61.4638L256.746 61.4467L256.712 61.4296H256.644L256.627 61.4467H256.593L256.559 61.4809V61.5152L256.474 61.5837V61.6179L256.525 61.6522L256.61 61.6351L256.712 61.6693L256.848 61.7207V61.6865V61.6351L256.882 61.6179Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M91.3867 67.36V67.3087L91.3529 67.2746H91.3021V67.36L91.336 67.3942L91.3867 67.36ZM91.3022 67.2367L91.2853 67.2025L91.2684 67.1855L91.2345 67.1172L91.1669 67.049L91.133 67.066L91.1161 67.1001V67.1172L91.1669 67.1684L91.2345 67.1855L91.2684 67.2537L91.3022 67.2367Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M220.23 82.5017L220.256 82.4846V82.4504L220.23 82.4332H220.204L220.177 82.4675V82.4846V82.5017H220.23ZM220.31 81.4912L220.336 81.4569V81.4398V81.4227V81.4056V81.3884L220.31 81.4056L220.284 81.4398V81.4569L220.258 81.474V81.4912H220.284H220.31Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M163.282 46.9336L163.248 46.8994L163.163 46.814L163.079 46.7969L163.096 46.8994L163.163 46.9677H163.248L163.282 46.9336ZM163.044 46.7302V46.696L162.994 46.679L162.926 46.696L162.943 46.7131L162.994 46.7473L163.044 46.7302Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M306.446 110.687V110.635L306.378 110.601L306.344 110.687V110.704L306.378 110.721H306.412L306.446 110.687ZM307.226 109.384L307.209 109.367V109.315L307.226 109.281L307.158 109.315L307.057 109.35L307.074 109.487L307.057 109.555L307.108 109.572L307.125 109.624H307.158L307.277 109.589L307.328 109.401H307.26L307.226 109.384ZM306.717 109.094L306.768 109.008L306.785 108.974L306.751 108.854L306.7 108.802L306.751 108.631L306.734 108.597L306.667 108.563L306.514 108.614L306.497 108.648L306.582 108.665L306.616 108.7L306.531 108.82L306.446 108.837L306.463 108.922L306.497 108.991L306.616 109.025L306.667 109.094H306.717ZM306.055 108.596L306.106 108.545L306.156 108.476L306.139 108.459V108.408L306.173 108.339L306.224 108.322L306.19 108.288L306.156 108.271V108.322L306.106 108.442L306.089 108.493L306.004 108.596H306.055ZM303.969 108.101L303.867 107.981L303.85 108.015L303.833 108.084V108.135L303.884 108.17L303.901 108.204L303.884 108.289V108.358L303.986 108.512L304.003 108.632L304.053 108.735L304.138 108.821L304.206 108.906L304.342 109.146L304.376 109.232L304.444 109.283L304.613 109.489L304.681 109.557L304.749 109.592L304.902 109.712L305.004 109.763L305.055 109.849L305.156 109.9L305.292 109.969L305.309 110.003V110.054L305.326 110.106L305.411 110.174L305.513 110.226L305.53 110.26L305.547 110.294L305.598 110.277L305.649 110.294L305.801 110.414L305.869 110.397H305.92L306.005 110.363L306.056 110.294L306.039 110.106L305.954 110.02L305.835 109.951L305.767 109.866L305.699 109.78L305.564 109.609L305.377 109.437L305.292 109.403L305.241 109.335L305.19 109.317L305.156 109.266L305.072 109.215L305.021 109.112L304.919 109.009L304.902 108.958L304.919 108.906L304.902 108.855L304.834 108.803L304.8 108.718L304.766 108.666L304.698 108.632L304.579 108.564L304.308 108.238L304.189 108.135L304.07 108.17L303.969 108.101ZM300.236 107.072L300.27 107.003L300.286 106.867L300.253 106.935L300.219 107.106L300.236 107.072Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M86.4496 66.3439V66.3268H86.4665V66.3097L86.4835 66.2926V66.2755H86.4665H86.4158H86.3989V66.2926V66.3097L86.4327 66.3268V66.3439H86.4496ZM88.7572 66.2919L88.8759 66.2576V66.2405L88.8081 66.2234H88.7063L88.6216 66.2576L88.6385 66.2919H88.6724H88.7572ZM88.1296 65.9156L88.1126 65.8814H88.0787L87.4848 65.8642L87.2642 65.83L87.2133 65.8471L87.1624 65.8642L87.1454 65.9328L87.1115 65.967L87.0606 66.0013L87.0775 66.0527L87.0945 66.087L87.1284 66.1555L87.1115 66.2411L87.0775 66.4125L87.1284 66.4467L87.2472 66.4296L87.2981 66.4467L87.349 66.4639L87.4169 66.4467L87.4848 66.4125L87.6375 66.4296L87.7223 66.4125L87.8242 66.4639L87.892 66.4467L87.926 66.4639H87.9769H88.0787L88.2314 66.4296L88.3672 66.3439L88.4181 66.2583L88.4859 66.2069L88.5878 66.1384V65.9842L88.469 65.967L88.3672 65.9156L88.1805 65.8985H88.1635L88.1805 65.9328H88.1635L88.1296 65.9156Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M308.448 98.7504L308.414 98.7162L308.397 98.6478H308.346L308.296 98.6649L308.33 98.7674H308.363L308.448 98.7504ZM302.408 98.8855L302.391 98.8512L302.306 98.7827L301.984 98.5601L301.916 98.543L301.899 98.5601L301.882 98.6115L301.899 98.6457L301.984 98.6629V98.68L302.035 98.7142L302.154 98.7485L302.221 98.7999L302.238 98.8855L302.289 98.9026L302.34 98.9197L302.408 98.8855ZM307.838 97.7563V97.7392L307.872 97.6878L307.838 97.6707L307.753 97.6535L307.634 97.6707L307.583 97.7049L307.549 97.7563H307.515V97.7906L307.532 97.8591L307.566 97.8419L307.6 97.8591L307.685 97.7734H307.736H307.753L307.838 97.7563ZM303.697 97.3622L303.68 97.3279L303.646 97.3108L303.493 97.1909L303.408 97.1566H303.324L303.307 97.2423V97.2937H303.408L303.476 97.3279V97.4307L303.51 97.465V97.5507L303.714 97.7049L303.833 97.7734L303.952 97.7905L304.019 97.8248L304.104 97.8077L304.189 97.8419L304.257 97.8248L304.189 97.7734V97.7049L304.104 97.4821L304.053 97.4307L303.968 97.4479L303.884 97.4136H303.816L303.697 97.3622ZM303.629 96.5205L303.527 96.2465L303.493 96.2294L303.51 96.3321L303.527 96.4006L303.51 96.4863L303.493 96.589L303.527 96.6233L303.561 96.589L303.629 96.6746V96.6404V96.5205ZM301.965 96.1439L301.915 96.1267L301.847 96.1781L301.83 96.2295L301.813 96.3495V96.418L301.864 96.5379L301.915 96.6236L301.965 96.675L301.999 96.7093L302.152 96.7264L302.441 96.7435L302.593 96.8121L302.746 96.8463L302.814 96.8292L302.899 96.7949L302.916 96.7778L302.899 96.675L302.865 96.6236L302.797 96.5893L302.763 96.4865L302.678 96.418L302.525 96.2981H302.254L302.152 96.3152L301.965 96.1439ZM302.407 95.8351L302.323 95.8693V95.9206L302.391 95.9377L302.458 95.9719L302.475 96.0232L302.509 96.0061L302.577 96.0403L302.611 95.989L302.543 95.9035L302.475 95.8522H302.458L302.407 95.8351ZM301.457 95.9727L301.508 95.9385V95.8701H301.457L301.44 95.836H301.406L301.355 95.8701L301.322 95.9214L301.339 95.9556H301.406L301.44 95.9727H301.457ZM300.031 95.5775L300.014 95.5433L299.964 95.5091H299.93L299.845 95.5262L299.862 95.5433L299.964 95.5946L300.014 95.6117L300.031 95.5775ZM300.557 95.6481L300.608 95.6139L300.591 95.5798L300.574 95.4943L300.507 95.6139L300.523 95.6481H300.557ZM300.472 95.492V95.4578V95.4236L300.438 95.4065L300.506 95.3552L300.489 95.3381L300.387 95.3039L300.354 95.3381L300.32 95.3552L300.303 95.3723L300.286 95.3894L300.269 95.4749L300.303 95.5433L300.371 95.5775L300.472 95.492ZM299.794 95.5267L299.743 95.4582L299.76 95.3725L299.794 95.3554L299.828 95.2698L299.811 95.2013L299.777 95.2184L299.658 95.3212L299.641 95.3725L299.743 95.5095L299.794 95.5438V95.5267ZM302 95.3051L301.966 95.2368V95.2026L301.915 95.1684L301.881 95.1855L301.864 95.2368L301.881 95.271L301.949 95.3222L302 95.3051ZM303.017 95.0987H302.983L302.967 95.1158H302.933H302.882L302.865 95.1501L302.967 95.3385L302.916 95.4242L302.983 95.8011L303.051 96.0067L303.187 96.1438V96.1781L303.323 96.2637L303.425 96.4865L303.459 96.5036L303.476 96.4693V96.3665L303.391 96.1781L303.408 96.041L303.374 95.9896V95.9382L303.34 95.8011L303.238 95.6812L303.187 95.6641L303.153 95.6127L303.187 95.5099L303.221 95.4756L303.238 95.4242L303.017 95.0987ZM300.202 95.0128L300.1 94.9785L300.066 94.9271V94.7558L299.964 94.7044L299.913 94.7386L299.811 94.8586L299.777 94.9271L299.693 94.9785L299.676 95.0299V95.0984L299.743 95.1156L299.794 95.047L299.947 95.0299L299.998 95.047V95.1156L300.015 95.2355L300.066 95.2869L300.151 95.3212L300.219 95.424L300.236 95.3726H300.269L300.303 95.304L300.252 95.0984L300.202 95.0128ZM299.099 94.9438L299.116 94.8583L299.099 94.7044L299.065 94.7215V94.7557L299.048 94.8241L299.082 94.9609L299.099 94.9438ZM299.641 94.8744L299.675 94.8402V94.7718V94.6863L299.641 94.6179L299.608 94.5837L299.523 94.6008L299.455 94.6863V94.7718L299.523 94.8744H299.625H299.641ZM299.2 94.6706L299.234 94.6192L299.319 94.4994L299.335 94.448L299.251 94.4137L299.183 94.3281L299.115 94.2939L299.064 94.3624V94.4309L299.149 94.5336L299.132 94.6021L299.166 94.6192L299.183 94.6877L299.2 94.6706ZM302.171 95.339L302.154 95.2534L302.103 95.1848L302.171 95.0992L301.797 94.7736L301.746 94.7394L301.678 94.7222L301.594 94.6537L301.509 94.6366L301.424 94.568L301.39 94.5166L301.288 94.4481L301.186 94.311L300.932 94.2596L300.949 94.2939L301.017 94.3624L301.034 94.4824L301.119 94.5509L301.203 94.6537L301.237 94.6708L301.271 94.7051L301.339 94.7908L301.475 94.8593L301.611 94.9621L301.661 94.9792L301.712 95.0306L301.967 95.1506L302.052 95.2705L302.171 95.3562V95.339ZM298.47 93.7626L298.504 93.7113L298.386 93.6259L298.352 93.6771L298.318 93.7626L298.386 93.7968L298.47 93.7626ZM300.014 94.0197L299.997 94.0026H299.946L299.879 93.9683L299.76 93.8312L299.726 93.7798L299.692 93.6085L299.624 93.54L299.387 93.4029L299.251 93.2658L299.132 93.2316L299.098 93.2658V93.3515L299.132 93.4029L299.302 93.5571L299.488 93.8484L299.658 94.0197L299.794 94.0368H299.862V94.054L299.879 94.0882L299.963 94.1225L300.048 94.054L300.014 94.0197Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M156.58 85.8914L156.665 85.7544V85.6687L156.614 85.5831H156.546L156.462 85.6516L156.411 85.7201V85.7715L156.428 85.8914L156.445 85.9427L156.496 85.977L156.58 85.8914ZM157.309 84.3154L157.343 84.2471V84.2129L157.326 84.1958L157.309 84.1787L157.275 84.1958L157.225 84.2812L157.242 84.3154L157.275 84.3496L157.309 84.3154Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M82.6996 62.2193L82.6827 62.2999V62.3403L82.7165 62.3605L82.818 62.3403L82.8349 62.3201L82.8688 62.2999V62.2798L82.8011 62.2999L82.6996 62.2193ZM83.3098 62.3403L83.3436 62.2999L83.3098 62.2596L83.1914 62.2193L83.1575 62.2394V62.2999H83.259L83.3098 62.3605V62.3403ZM83.1235 62.2387L83.1066 62.2186L83.0897 62.0975H83.0051V62.1379L83.022 62.1782H83.0389L83.0559 62.2186L83.1066 62.2589L83.1235 62.2387Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M92.3215 74.9822L92.3385 74.9479V74.8451L92.3724 74.7766L92.3385 74.7081L92.3215 74.6053L92.3385 74.5196V74.3997L92.3724 74.3483L92.4572 74.2112H92.3045L92.2027 74.2455L92.0161 74.2626L91.9312 74.2969L91.8124 74.314L91.7446 74.3483L91.7615 74.3654L91.8464 74.3997L91.8803 74.4339L91.8973 74.4682L91.9143 74.5367L91.8634 74.828L91.8464 74.8451L91.7446 74.8623L91.7106 74.9137L91.4731 75.0507L91.6088 75.0336L91.7615 75.0507L92.1688 75.0336L92.3215 74.9822ZM92.6267 73.8342L92.8301 73.7485L92.8471 73.6801H92.8132L92.6776 73.7314L92.5759 73.817V73.8513L92.6267 73.8342Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M92.1669 72.187V72.1699H92.1843V72.1528V72.1357H92.1669V72.1528V72.1699H92.1496V72.187H92.1669ZM92.2886 71.8629L92.3059 71.8287L92.3232 71.8116L92.3059 71.7945V71.8116L92.2712 71.8287V71.8458V71.8629H92.2539H92.2366H92.2539L92.2712 71.8799L92.2886 71.8629ZM92.3408 71.6739L92.3928 71.6398L92.4101 71.5374L92.3928 71.4691H92.3581L92.3061 71.4862L92.2715 71.5374L92.2541 71.6227L92.3235 71.691L92.3408 71.6739Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M89.5706 65.9681L89.6214 65.934L89.5876 65.9169H89.5199L89.4691 65.9511L89.4861 65.9681H89.5706ZM89.7578 65.9011L89.8255 65.8327L89.7409 65.8498L89.7071 65.884L89.724 65.9011H89.7409H89.7578ZM89.8934 65.5959H89.8596H89.775L89.792 65.613H89.8427L89.8934 65.6301V65.5959Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M89.351 66.6168L89.2323 66.6511L89.2154 66.7195H89.4019L89.5205 66.6682H89.4188L89.351 66.6168ZM89.5028 66.0203L89.4182 66.0032L89.3844 66.0374L89.4351 66.0544L89.5028 66.0203ZM89.3159 66.035L89.2821 66.0009L89.2313 65.9838L89.1636 66.0009L89.2482 66.0521L89.3159 66.035Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M92.491 68.7079L92.5249 68.6737V68.6224L92.491 68.5712L92.4572 68.5883L92.4234 68.6395V68.6908L92.4403 68.7079H92.491ZM92.169 68.5708L92.203 68.5365V68.331L92.22 68.2796L92.186 68.2625L92.1521 68.2283L92.0502 68.194L92.0332 68.2111L91.9993 68.2625L92.0162 68.5194L92.0502 68.605L92.0841 68.6221L92.169 68.5708ZM92.4406 68.3312L92.5765 68.297L92.4237 68.1942L92.3897 68.1257V68.0743L92.3218 68.0229L92.2879 68.0572L92.2709 68.1086L92.2879 68.1942L92.2369 68.2627L92.2539 68.3312L92.3218 68.3483L92.4406 68.3312Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( /> ( fillRule="evenodd" clipRule="evenodd" d="M133.757 55.7058L133.723 55.6716L133.604 55.7571H133.503L133.52 55.7913L133.537 55.8255L133.655 55.8939L133.757 55.7058ZM136.048 55.3485V55.3314H136.031L136.014 55.3485L135.794 55.3314L135.76 55.4341L135.675 55.5026V55.6225L135.76 55.7424L135.811 55.7595L135.896 55.7766L136.014 55.7081L136.048 55.6396L136.065 55.5026L136.048 55.4341V55.3485ZM134.402 55.4857L134.487 55.4174V55.3833L134.47 55.3321L134.386 55.2809H134.352L134.318 55.3151L134.284 55.3833L134.335 55.4686L134.369 55.4857H134.402ZM135.2 55.0913L135.403 54.92V54.8686L135.234 54.8857L135.047 55.0571L134.996 55.0742L134.827 55.0913H134.742L134.674 55.1256L134.708 55.177L134.776 55.3483L134.894 55.5025L134.996 55.4683L135.047 55.434L135.115 55.3312L135.2 55.0913ZM137.168 55.3144L137.423 55.2287L137.473 55.0574L137.524 54.8689V54.749L137.49 54.6976H137.473H137.406L137.355 54.7318L137.338 54.8346L137.219 55.0574L137.134 55.263L137.015 55.3658L136.897 55.4L136.914 55.4172L137.032 55.4343L137.168 55.3144ZM133.825 54.9708L133.91 54.8852L133.927 54.8338L133.91 54.7482L133.944 54.7139L133.927 54.6454L133.876 54.5769H133.757L133.689 54.6797L133.791 54.8852L133.808 54.9708H133.825ZM137.626 54.5081L137.779 54.4567L137.864 54.4053L137.881 54.2512L137.915 54.1998L137.881 54.1484L137.847 54.1827L137.813 54.2512L137.711 54.2854L137.575 54.3539L137.541 54.4053L137.507 54.5594L137.575 54.5766L137.626 54.5081Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M32.9823 105.588L32.9669 105.541L32.936 105.495L32.9205 105.51L32.936 105.526L32.9669 105.573V105.604L32.9823 105.588ZM34.4233 103.289L34.3924 103.258L34.3306 103.227L34.2997 103.211L34.2688 103.195L34.2534 103.211L34.2688 103.227H34.2843L34.3306 103.258L34.3769 103.274L34.4078 103.289V103.305L34.4233 103.289ZM30.6269 103.116L30.5342 103.069L30.5497 103.1L30.6115 103.131L30.6423 103.147L30.6269 103.116ZM33.8031 103.085L33.7413 103.007H33.695L33.8031 103.101V103.085ZM30.457 102.928L30.3952 102.865L30.3643 102.819L30.318 102.803L30.3334 102.819L30.3952 102.881L30.4415 102.943L30.4724 102.959L30.457 102.928ZM30.4102 102.597L30.3948 102.582V102.535L30.4257 102.488L30.5183 102.426V102.41L30.4874 102.426L30.4257 102.457L30.3948 102.488L30.3793 102.52L30.3639 102.566L30.3793 102.597L30.3948 102.613H30.4257L30.4102 102.597ZM23.0665 102.427L23.0355 102.333L22.9891 102.255L22.8651 102.239L22.7876 102.271L22.7721 102.302L22.7876 102.365L22.8651 102.474L22.9426 102.49L23.0665 102.474L23.1285 102.568L23.1595 102.583L23.2215 102.599L23.237 102.552L23.206 102.474L23.0665 102.427ZM22.6161 102.287L22.6316 102.224L22.6007 102.209H22.5234V102.24L22.5389 102.271L22.5543 102.287L22.6007 102.318L22.6161 102.287ZM21.1139 101.614H21.1448L21.083 101.52L21.0367 101.489V101.505V101.614L21.083 101.63L21.1139 101.614ZM27.9161 101.363H27.8852H27.8389H27.8234L27.9007 101.379L27.9625 101.41L27.9161 101.363ZM27.8072 101.379L27.7608 101.364L27.7145 101.333H27.6682L27.7763 101.379H27.8072ZM21.0207 101.394L21.0362 101.363L21.0207 101.348L20.959 101.316L20.9744 101.363V101.394L21.0053 101.41L21.0207 101.394ZM26.1031 101.081L26.0567 101.019L26.0258 100.972L25.9948 100.91L25.9329 100.831L25.9484 100.878L25.9638 100.91L25.9948 100.941L26.0258 101.003L26.0412 101.034L26.0877 101.097H26.1031V101.081ZM28.6132 100.848L28.6286 100.77H28.5977V100.848H28.6132ZM26.382 100.596L26.2893 100.503H26.2738L26.2893 100.534L26.3665 100.612L26.382 100.643V100.596ZM31.1542 95.2949L31.1697 95.2637V95.2325L31.1542 95.2169L31.1079 95.2013L31.1233 95.3105L31.1542 95.2949ZM30.7358 94.7146L30.7203 94.6834H30.6894L30.674 94.699V94.777L30.7358 94.7146ZM30.7515 94.4649L30.6276 94.5431L30.6586 94.6057L30.7205 94.6213L30.7515 94.59L30.8753 94.5744L30.9217 94.5118L30.8753 94.5275L30.7515 94.4649ZM29.8057 94.1997L29.8366 94.1217L29.8057 94.106L29.7439 94.1373V94.1685L29.7902 94.2309L29.8057 94.1997ZM30.2089 93.7135L30.2552 93.6979V93.6823L30.2244 93.6511L30.178 93.6355L30.1626 93.6511L30.1471 93.6823L30.1626 93.7291L30.2089 93.7135ZM29.7594 93.6979L29.7749 93.6511V93.6199L29.7594 93.5887L29.6204 93.5575L29.605 93.5731V93.6355L29.6359 93.7135H29.6822L29.7594 93.6979Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} /> ( fillRule="evenodd" clipRule="evenodd" d="M2.00869 106.025L1.9778 106.072V106.103L2.03959 106.166L2.00869 106.025ZM1.76117 105.886H1.73021L1.76117 105.87L1.69926 105.839H1.63734L1.60638 105.824V105.792L1.57542 105.839L1.60638 105.886L1.74569 105.948L1.79213 105.98L1.82309 105.886V105.855L1.77665 105.87V105.886H1.76117ZM2.14858 103.38L2.16403 103.348V103.317L2.11769 103.302H2.10224L2.0559 103.38L2.07135 103.395L2.11769 103.426H2.13314L2.14858 103.38Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( fillRule="evenodd" clipRule="evenodd" d="M253.828 65.6605L253.93 65.0437L254.269 64.564L253.997 64.1357L253.454 64.1185L252.47 64.4269L252.097 64.9067L252.267 65.849L253.098 66.1917L253.828 65.6605ZM256.067 31.9937L255.032 30.9486L254.285 30.3147L253.64 29.8521L252.334 28.807L251.332 28.4129L249.89 28.1045L248.838 28.1388L247.973 28.3272L247.684 28.8412L248.312 29.0982L248.736 29.6636L248.533 30.0063L248.55 31.1199L248.872 31.5825L248.125 32.2507L246.887 31.8567L246.988 32.6448L247.039 33.7071L247.497 34.1525L247.905 34.0155L248.821 34.1868L249.245 33.7927L250.111 34.1354L251.332 34.8721L251.451 35.249L250.722 35.1291L249.568 35.2662L249.16 35.5746L248.923 36.277L247.854 36.6882L247.328 37.2536L246.327 37.0309L245.784 36.9452L245.716 37.6306L246.208 38.0246L246.53 38.3844L246.106 38.7271L245.784 39.2925L244.952 39.6694L243.68 39.7037L242.458 40.0806L241.711 40.646L241.168 40.3033L240.116 40.3205L238.538 39.6694L237.605 39.5152L236.519 39.6523L234.618 39.4295L233.685 39.4467L232.888 38.8299L232.056 37.8533L231.479 37.7334L230.139 37.0823L228.917 36.9281L227.831 36.7568L227.322 36.2942L227.101 35.0434L226.117 34.1868L224.743 33.7927L223.775 33.2273L223.216 32.4735L222.927 32.5591L222.622 33.2787L221.977 33.3815L222.401 34.4438L222.13 34.9235L220.314 34.5808L220.484 36.4826L220.144 36.7225L218.617 37.1337L220.093 38.9669L219.601 39.2411L219.89 39.8407L219.856 40.0806L218.702 40.6631L218.532 41.0743L217.446 41.2114L217.344 41.8967L216.377 41.7425L215.834 41.9481L215.155 42.4621L215.342 42.7191L215.172 42.9761L215.681 43.987L215.953 43.8842L216.547 44.124L216.649 44.5524L216.954 45.1863L217.192 45.5118L217.989 46.0258L218.481 46.8825L220.076 47.328L221.366 48.6129L221.502 49.5039L222.011 50.0693L222.113 50.6347L221.417 50.4805L221.96 51.6798L223.012 52.3651L224.454 53.119L224.777 52.862L225.574 53.2046L226.66 53.9071L227.203 54.0613L227.627 54.5924L228.391 54.798L229.239 55.2778L230.325 55.5348L231.428 55.6376L231.937 55.3977L232.192 56.2715L232.633 55.4491L233.074 55.175L233.787 55.432L234.279 55.4491L234.737 55.7575L235.45 55.6204L236.112 54.798L237.011 54.1127L237.842 54.3697L238.385 53.9242L238.979 54.5924L238.776 55.055L239.811 55.2092L240.32 55.1407L240.778 55.7746L241.236 56.0316L241.457 56.8712L241.592 57.7792L240.897 58.6873L241.016 59.9723L241.966 59.8009L242.356 60.7947L242.984 61.0174L242.848 61.9083L243.612 62.3195L244.036 62.5251L244.681 62.2167L244.783 62.6622L244.901 62.9192L245.393 62.9363L245.071 61.7027L245.529 61.5314L245.987 61.2744H246.717L247.616 61.1545L248.312 60.5719L248.821 60.9831L249.703 61.1716L249.669 61.8055L250.179 62.251L251.18 62.5251L251.587 62.3538L252.893 62.6964L252.741 63.1248L253.114 63.9129L253.623 63.8444L253.759 62.6964L254.709 62.5422L255.931 61.994L256.355 61.4457L256.745 61.8055L257.22 61.3087L258.256 61.1887L259.375 60.2807L260.444 59.2698L261.004 57.9677L261.395 56.5285L261.751 55.3463L262.226 55.2606L262.209 54.3868L262.073 53.513L261.429 53.1704L261.004 52.5879L261.48 52.2966L261.208 51.4913L260.292 50.6518L259.375 49.6581L258.595 48.5787L257.39 47.979L257.543 47.1909L258.188 46.6426L258.357 46.043L259.494 45.7346L259.087 45.152L258.51 45.1178L257.526 44.6894L256.864 45.4776L256.033 45.152L255.778 44.6552L254.981 44.4838L254.183 43.73L254.387 43.216L255.235 43.1646L255.439 42.4621L256.05 41.7083L256.627 41.3313L257.373 41.8967L257.051 42.6163L257.441 43.0447L257.203 43.5586L258.018 43.2503L258.425 42.7534L259.494 42.4279L259.851 41.7425L260.495 41.16L260.665 40.4061L261.276 40.7488L262.056 40.7831L261.598 40.2177L262.667 39.7722L262.65 39.1725L263.584 39.7893L263.261 39.2582L263.685 39.2411L263.041 37.9904L262.243 37.0823L262.735 36.7054L263.889 36.8938L263.787 35.8658L263.312 34.7008L263.38 34.3067L263.159 33.3473L261.989 33.6557L261.547 34.084H260.275L259.257 33.0903L257.746 32.3193L256.067 31.9937Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( fillRule="evenodd" clipRule="evenodd" d="M216.954 45.1867H216.038L215.393 45.101L214.969 45.5979L214.612 45.7178L214.358 45.9406L213.917 45.5808L213.747 44.6556L213.476 44.6042V44.2615L212.933 44.0045L212.644 44.3986L212.678 44.844L212.576 44.9982L212.033 44.9811L211.881 45.4951L211.524 45.2724L210.964 45.6322L210.659 45.4951L209.929 45.2552H209.437L209.166 45.221L208.673 44.9297L208.623 45.3238L207.927 45.5294L207.944 46.4203L207.52 46.763L206.841 46.9172L206.773 47.4312L206.111 47.5682L205.11 47.157L205.025 48.5277L204.94 49.3329L205.365 49.4871L205.093 50.0868L205.551 50.9606L205.738 51.6459L206.468 51.8344L206.654 52.5197L205.992 53.5134L207.621 54.0617L208.521 53.9075L209.081 54.0446L209.233 53.8047L209.878 53.8904L210.998 53.4449L210.862 52.5197L211.253 51.9029H211.931L211.965 51.6117L212.644 51.4575L213 51.5603L213.289 51.2519L213.102 50.6008L213.357 49.9497L213.866 49.6756L213.357 48.956L214.222 48.9903L214.375 48.5962L214.239 48.1679L214.579 47.7053L214.341 47.157L214.019 46.6773L214.426 46.1976L215.325 45.9748L216.309 45.8378L216.717 45.6322L217.192 45.5122L216.954 45.1867Z" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.5" strokeLinejoin="round" @@ -2562,7 +2563,7 @@ export const GeomapPreview = () => ( /> @@ -2577,21 +2578,21 @@ export const GeomapPreview = () => ( clipRule="evenodd" d="M135.081 1.06853L130.669 1L128.667 1.0514L127.819 1.27413L125.867 1.257L123.712 1.6168L123.441 1.90806L124.578 2.26786L123.526 2.04513L122.762 1.99373L121.574 1.75386L119.775 2.11366L119.317 1.90806H117.553L115.703 2.01086L114.193 2.18219L114.159 2.49059L113.26 2.57625L110.782 3.07312L110.002 3.36438L111.376 3.62138L110.901 3.89551L108.373 4.27244L105.743 4.64937L105.369 4.94064L106.455 5.2833L108.916 5.4889L107.643 5.52317L105.793 5.78016L106.438 6.31129L106.947 6.56829L108.542 6.51689L110.256 6.48262L111.546 6.53402L112.903 7.03089L112.666 7.39068L113.277 7.71621L113.514 8.62427L113.684 9.24107L113.921 9.5666L112.734 10.389L113.175 10.6117L113.921 10.4747L114.363 10.7831L115.262 11.3656L113.989 11.1257H113.344L112.835 11.6055L112.581 12.2222L113.294 12.5306L113.972 12.3936L114.413 12.2565L115.347 11.931L114.872 12.6506L114.43 13.0446L113.226 13.3873L112.038 14.4667L112.377 14.8094L111.8 15.4947L112.428 16.3856L112.174 17.2423L112.292 17.8762L113.107 19.0927L113.243 20.0521L113.769 20.6004H115.279L116.127 21.4056L117.23 21.3542L117.926 20.3777L118.52 19.5553L118.469 18.8014L119.928 18.0133L120.488 17.3793L120.726 16.7111L121.523 16.1115L122.626 15.8888L123.661 15.6489L124.17 15.6146L125.901 14.9464L127.157 13.9698L127.971 13.61L128.752 13.5929L130.873 13.2845L132.926 12.5478L134.945 11.7597L134.012 11.7083L132.213 11.674L133.113 11.1943L133.028 10.5775L133.741 11.0915L134.199 11.4513L135.437 11.2799L135.336 10.5432L134.572 10.0121L133.724 9.78933L134.131 9.54947L135.353 9.90927L135.437 9.5152L134.742 8.93267H135.658L136.608 8.79561L136.897 8.48721L136.218 8.12741L137.677 8.07601L136.999 7.33928L137.694 7.25362L137.711 6.53402L136.659 6.10569L137.745 5.83156L138.729 5.81443L138.118 5.26617L138.305 4.39237L138.916 3.89551L139.747 3.34725L138.39 3.31298L140.307 3.19305L140.681 3.02172L143.158 2.52485L142.887 2.23359L141.19 2.09652L138.322 2.35352L136.761 2.61052L137.525 2.21646L137.134 1.97659L135.946 2.18219L134.301 1.94233L132.247 2.02799L132.01 1.90806L135.115 1.83953L137.304 1.80526L138.424 1.5654L135.081 1.06853Z" fill="white" - stroke="#262C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} strokeLinejoin="round" mask="url(#path-261-inside-55)" /> diff --git a/src/app/assets/dataset-preview/grantsList.tsx b/src/app/assets/dataset-preview/grantsList.tsx index 5de5e18d9..4f780cff0 100644 --- a/src/app/assets/dataset-preview/grantsList.tsx +++ b/src/app/assets/dataset-preview/grantsList.tsx @@ -1,395 +1,396 @@ import React from "react"; +import { appColors } from "app/theme"; export const GrantsListPreview = () => ( diff --git a/src/app/assets/dataset-preview/investmentsBar.tsx b/src/app/assets/dataset-preview/investmentsBar.tsx index 7fa43b18f..50a5bc753 100644 --- a/src/app/assets/dataset-preview/investmentsBar.tsx +++ b/src/app/assets/dataset-preview/investmentsBar.tsx @@ -1,11 +1,12 @@ import React from "react"; +import { appColors } from "app/theme"; export const InvestmentsBarPreview = () => ( ( y1="185.833" x2="556.523" y2="185.833" - stroke="#868E96" + stroke={appColors.COMMON.SECONDARY_COLOR_3} strokeWidth="0.45587" /> ( y1="143.438" x2="556.523" y2="143.438" - stroke="#868E96" + stroke={appColors.COMMON.SECONDARY_COLOR_3} strokeWidth="0.45587" /> ( y1="100.586" x2="556.523" y2="100.586" - stroke="#868E96" + stroke={appColors.COMMON.SECONDARY_COLOR_3} strokeWidth="0.45587" /> ( y1="58.19" x2="556.523" y2="58.19" - stroke="#868E96" + stroke={appColors.COMMON.SECONDARY_COLOR_3} strokeWidth="0.45587" /> ( y1="228.913" x2="15.0454" y2="15.5661" - stroke="#868E96" + stroke={appColors.COMMON.SECONDARY_COLOR_3} strokeWidth="0.45587" /> ( y1="228.913" x2="556.772" y2="15.5661" - stroke="#868E96" + stroke={appColors.COMMON.SECONDARY_COLOR_3} strokeWidth="0.45587" /> @@ -67,141 +68,141 @@ export const InvestmentsBarPreview = () => ( y="0.455872" width="5.47044" height="5.47044" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} /> ( width="7.15716" height="0.235123" transform="matrix(1 0 0 -1 56.5955 220.901)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -218,7 +219,7 @@ export const InvestmentsBarPreview = () => ( y="221.106" width="7.15716" height="1.35078" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -227,7 +228,7 @@ export const InvestmentsBarPreview = () => ( y="222.593" width="7.15716" height="3.58208" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -236,7 +237,7 @@ export const InvestmentsBarPreview = () => ( y="226.312" width="7.15716" height="1.35078" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -246,7 +247,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.235123" transform="matrix(1 0 0 -1 56.5955 227.966)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -256,7 +257,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.235123" transform="matrix(1 0 0 -1 56.5955 228.338)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -266,7 +267,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.235123" transform="matrix(1 0 0 -1 56.5955 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -276,7 +277,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="1.62467" transform="matrix(1 0 0 -1 65.7129 191.722)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -285,7 +286,7 @@ export const InvestmentsBarPreview = () => ( y="191.927" width="7.15716" height="6.90894" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -294,7 +295,7 @@ export const InvestmentsBarPreview = () => ( y="198.971" width="7.15716" height="17.4775" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -303,7 +304,7 @@ export const InvestmentsBarPreview = () => ( y="216.585" width="7.15716" height="6.90894" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -313,7 +314,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="1.62467" transform="matrix(1 0 0 -1 65.7129 225.187)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -323,7 +324,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="1.62467" transform="matrix(1 0 0 -1 65.7129 226.95)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -333,7 +334,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="1.62467" transform="matrix(1 0 0 -1 65.7129 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -341,14 +342,14 @@ export const InvestmentsBarPreview = () => ( width="7.29392" height="0.196881" transform="matrix(1 0 0 -1 105.829 224.712)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} /> @@ -357,7 +358,7 @@ export const InvestmentsBarPreview = () => ( y="225.567" width="7.15716" height="1.83204" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -366,7 +367,7 @@ export const InvestmentsBarPreview = () => ( y="227.537" width="7.15716" height="0.650761" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -374,13 +375,13 @@ export const InvestmentsBarPreview = () => ( width="7.29392" height="0.196881" transform="matrix(1 0 0 -1 105.829 228.453)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} /> ( width="7.19548" height="0.0984403" transform="matrix(1 0 0 -1 105.829 228.748)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.0984403" /> @@ -398,7 +399,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.43267" transform="matrix(1 0 0 -1 114.947 174.751)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -407,7 +408,7 @@ export const InvestmentsBarPreview = () => ( y="174.956" width="7.15716" height="10.141" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -416,7 +417,7 @@ export const InvestmentsBarPreview = () => ( y="185.235" width="7.15716" height="25.5575" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -425,7 +426,7 @@ export const InvestmentsBarPreview = () => ( y="210.93" width="7.15716" height="10.141" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -435,7 +436,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.43267" transform="matrix(1 0 0 -1 114.947 223.569)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -445,7 +446,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.43267" transform="matrix(1 0 0 -1 114.947 226.141)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -455,7 +456,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.43267" transform="matrix(1 0 0 -1 114.947 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -465,7 +466,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 155.063 221.235)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -474,7 +475,7 @@ export const InvestmentsBarPreview = () => ( y="221.44" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -483,7 +484,7 @@ export const InvestmentsBarPreview = () => ( y="222.863" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -492,7 +493,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -502,7 +503,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 155.063 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -512,7 +513,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 155.063 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -522,7 +523,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 155.063 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -532,7 +533,7 @@ export const InvestmentsBarPreview = () => ( width="6.70129" height="1.18336" transform="matrix(1 0 0 -1 164.181 166.664)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -541,7 +542,7 @@ export const InvestmentsBarPreview = () => ( y="166.869" width="6.70129" height="5.80379" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -550,7 +551,7 @@ export const InvestmentsBarPreview = () => ( y="172.259" width="6.70129" height="33.642" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -559,7 +560,7 @@ export const InvestmentsBarPreview = () => ( y="205.271" width="6.70129" height="13.3748" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -569,7 +570,7 @@ export const InvestmentsBarPreview = () => ( width="6.70129" height="3.24112" transform="matrix(1 0 0 -1 164.181 221.956)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -579,7 +580,7 @@ export const InvestmentsBarPreview = () => ( width="6.70129" height="3.24112" transform="matrix(1 0 0 -1 164.181 225.332)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -589,7 +590,7 @@ export const InvestmentsBarPreview = () => ( width="6.70129" height="3.24112" transform="matrix(1 0 0 -1 164.181 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -599,7 +600,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 203.841 221.235)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -608,7 +609,7 @@ export const InvestmentsBarPreview = () => ( y="221.441" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -617,7 +618,7 @@ export const InvestmentsBarPreview = () => ( y="222.864" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -626,7 +627,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -636,7 +637,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 203.841 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -646,7 +647,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 203.841 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -656,7 +657,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 203.841 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -666,7 +667,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.99482" transform="matrix(1 0 0 -1 212.959 163.917)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -675,7 +676,7 @@ export const InvestmentsBarPreview = () => ( y="164.122" width="7.15716" height="12.3896" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -684,7 +685,7 @@ export const InvestmentsBarPreview = () => ( y="176.391" width="7.15716" height="31.1791" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -693,7 +694,7 @@ export const InvestmentsBarPreview = () => ( y="206.995" width="7.15716" height="12.3896" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -703,7 +704,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.99482" transform="matrix(1 0 0 -1 212.959 222.447)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -713,7 +714,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.99482" transform="matrix(1 0 0 -1 212.959 225.579)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -723,7 +724,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="2.99482" transform="matrix(1 0 0 -1 212.959 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -733,7 +734,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 253.075 221.235)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -742,7 +743,7 @@ export const InvestmentsBarPreview = () => ( y="221.441" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -751,7 +752,7 @@ export const InvestmentsBarPreview = () => ( y="222.864" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -760,7 +761,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -770,7 +771,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 253.075 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -780,7 +781,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 253.075 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -790,7 +791,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 253.075 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -800,7 +801,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="3.52025" transform="matrix(1 0 0 -1 262.193 153.046)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -809,7 +810,7 @@ export const InvestmentsBarPreview = () => ( y="153.251" width="7.15716" height="14.4913" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -818,7 +819,7 @@ export const InvestmentsBarPreview = () => ( y="167.577" width="7.15716" height="36.4334" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -827,7 +828,7 @@ export const InvestmentsBarPreview = () => ( y="203.317" width="7.15716" height="14.4913" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -837,7 +838,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="3.52025" transform="matrix(1 0 0 -1 262.193 221.396)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -847,7 +848,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="3.52025" transform="matrix(1 0 0 -1 262.193 225.053)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -857,7 +858,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="3.52025" transform="matrix(1 0 0 -1 262.193 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -867,7 +868,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 302.309 221.235)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -876,7 +877,7 @@ export const InvestmentsBarPreview = () => ( y="221.441" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -885,7 +886,7 @@ export const InvestmentsBarPreview = () => ( y="222.864" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -894,7 +895,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -904,7 +905,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 302.309 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -914,7 +915,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 302.309 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -924,7 +925,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 302.309 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -934,7 +935,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="4.424" transform="matrix(1 0 0 -1 311.427 134.347)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -943,7 +944,7 @@ export const InvestmentsBarPreview = () => ( y="134.552" width="7.15716" height="18.1063" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -952,7 +953,7 @@ export const InvestmentsBarPreview = () => ( y="152.419" width="7.15716" height="45.4708" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -961,7 +962,7 @@ export const InvestmentsBarPreview = () => ( y="196.991" width="7.15716" height="18.1063" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -971,7 +972,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="4.424" transform="matrix(1 0 0 -1 311.427 219.588)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -981,7 +982,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="4.424" transform="matrix(1 0 0 -1 311.427 224.15)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -991,7 +992,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="4.424" transform="matrix(1 0 0 -1 311.427 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1001,7 +1002,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 351.543 221.236)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1010,7 +1011,7 @@ export const InvestmentsBarPreview = () => ( y="221.441" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1019,7 +1020,7 @@ export const InvestmentsBarPreview = () => ( y="222.864" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1028,7 +1029,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1038,7 +1039,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 351.543 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1048,7 +1049,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 351.543 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1058,7 +1059,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 351.543 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1068,7 +1069,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="5.57995" transform="matrix(1 0 0 -1 360.661 110.43)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1077,7 +1078,7 @@ export const InvestmentsBarPreview = () => ( y="110.635" width="7.15716" height="22.7301" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1086,7 +1087,7 @@ export const InvestmentsBarPreview = () => ( y="133.031" width="7.15716" height="57.0303" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1095,7 +1096,7 @@ export const InvestmentsBarPreview = () => ( y="188.899" width="7.15716" height="22.7301" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1105,7 +1106,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="5.57995" transform="matrix(1 0 0 -1 360.661 217.277)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1115,7 +1116,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="5.57995" transform="matrix(1 0 0 -1 360.661 222.994)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1125,7 +1126,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="5.57995" transform="matrix(1 0 0 -1 360.661 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1135,7 +1136,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 400.777 221.235)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1144,7 +1145,7 @@ export const InvestmentsBarPreview = () => ( y="221.441" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1153,7 +1154,7 @@ export const InvestmentsBarPreview = () => ( y="222.864" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1162,7 +1163,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1172,7 +1173,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 400.777 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1182,7 +1183,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 400.777 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1192,7 +1193,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 400.777 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1202,7 +1203,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.14742" transform="matrix(1 0 0 -1 409.895 98.6891)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1211,7 +1212,7 @@ export const InvestmentsBarPreview = () => ( y="98.8942" width="7.15716" height="24.9999" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1220,7 +1221,7 @@ export const InvestmentsBarPreview = () => ( y="123.513" width="7.15716" height="62.705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1229,7 +1230,7 @@ export const InvestmentsBarPreview = () => ( y="184.927" width="7.15716" height="24.9999" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1239,7 +1240,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.14742" transform="matrix(1 0 0 -1 409.895 216.142)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1249,7 +1250,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.14742" transform="matrix(1 0 0 -1 409.895 222.426)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1259,7 +1260,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.14742" transform="matrix(1 0 0 -1 409.895 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1269,7 +1270,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 450.011 221.235)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1278,7 +1279,7 @@ export const InvestmentsBarPreview = () => ( y="221.441" width="7.15716" height="1.28705" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1287,7 +1288,7 @@ export const InvestmentsBarPreview = () => ( y="222.864" width="7.15716" height="3.42277" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1296,7 +1297,7 @@ export const InvestmentsBarPreview = () => ( y="226.423" width="7.15716" height="1.28705" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1306,7 +1307,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 450.011 227.998)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1316,7 +1317,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 450.011 228.354)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1326,7 +1327,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.219192" transform="matrix(1 0 0 -1 450.011 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1336,7 +1337,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.7359" transform="matrix(1 0 0 -1 459.129 86.513)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1345,7 +1346,7 @@ export const InvestmentsBarPreview = () => ( y="86.7182" width="7.15716" height="27.3539" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1354,7 +1355,7 @@ export const InvestmentsBarPreview = () => ( y="113.58" width="7.15716" height="66.8761" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1363,7 +1364,7 @@ export const InvestmentsBarPreview = () => ( y="180.808" width="7.15716" height="27.3539" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1373,7 +1374,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.7359" transform="matrix(1 0 0 -1 459.129 214.964)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1383,7 +1384,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.7359" transform="matrix(1 0 0 -1 459.129 221.838)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1393,7 +1394,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="6.7359" transform="matrix(1 0 0 -1 459.129 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1403,7 +1404,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.629939" transform="matrix(1 0 0 -1 499.245 212.609)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1412,7 +1413,7 @@ export const InvestmentsBarPreview = () => ( y="212.814" width="7.15716" height="2.93004" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1421,7 +1422,7 @@ export const InvestmentsBarPreview = () => ( y="215.881" width="7.15716" height="7.53023" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1430,7 +1431,7 @@ export const InvestmentsBarPreview = () => ( y="223.547" width="7.15716" height="2.93004" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1440,7 +1441,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.629939" transform="matrix(1 0 0 -1 499.245 227.177)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1450,7 +1451,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.629939" transform="matrix(1 0 0 -1 499.245 227.943)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1460,7 +1461,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="0.629939" transform="matrix(1 0 0 -1 499.245 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> @@ -1470,7 +1471,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="7.96955" transform="matrix(1 0 0 -1 507.907 60.3947)" - fill="#70777E" + fill={appColors.COMMON.SECONDARY_COLOR_2} stroke="white" strokeWidth="0.136761" /> @@ -1479,7 +1480,7 @@ export const InvestmentsBarPreview = () => ( y="60.5998" width="7.15716" height="32.2885" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1488,7 +1489,7 @@ export const InvestmentsBarPreview = () => ( y="92.3575" width="7.15716" height="80.9263" - fill="#262C34" + fill={appColors.COMMON.PRIMARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1497,7 +1498,7 @@ export const InvestmentsBarPreview = () => ( y="172.171" width="7.15716" height="32.2885" - fill="#ADB5BD" + fill={appColors.COMMON.SECONDARY_COLOR_5} stroke="white" strokeWidth="0.136761" /> @@ -1507,7 +1508,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="7.96955" transform="matrix(1 0 0 -1 507.907 212.497)" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="0.136761" /> @@ -1517,7 +1518,7 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="7.96955" transform="matrix(1 0 0 -1 507.907 220.603)" - fill="#373D43" + fill={appColors.COMMON.SECONDARY_COLOR_1} stroke="white" strokeWidth="0.136761" /> @@ -1527,89 +1528,89 @@ export const InvestmentsBarPreview = () => ( width="7.15716" height="7.96955" transform="matrix(1 0 0 -1 507.907 228.71)" - fill="#98A1AA" + fill={appColors.COMMON.SECONDARY_COLOR_4} stroke="white" strokeWidth="0.136761" /> ); diff --git a/src/app/assets/dataset-preview/investmentsTreemap.tsx b/src/app/assets/dataset-preview/investmentsTreemap.tsx index 08e35902d..05990442f 100644 --- a/src/app/assets/dataset-preview/investmentsTreemap.tsx +++ b/src/app/assets/dataset-preview/investmentsTreemap.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; export const InvestmentsTreemapPreview = () => ( @@ -16,7 +17,7 @@ export const InvestmentsTreemapPreview = () => ( y="0.5" width="537" height="276" - fill="#C4C4C4" + fill={appColors.COMMON.SECONDARY_COLOR_15} stroke="white" /> @@ -26,7 +27,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M-0.870605 -1.02344H178.027V278.021H-0.870605V-1.02344Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -35,7 +36,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M178.028 -1.02344H403.935V152.298H178.028V-1.02344Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -44,7 +45,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M403.935 -1.02344H538.871V202.894H403.935V-1.02344Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -53,7 +54,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M403.935 202.894H538.871V278.021H403.935V202.894Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -62,7 +63,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M178.027 152.297H403.935V278.02H178.027V152.297Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -79,7 +80,7 @@ export const InvestmentsTreemapPreview = () => ( > @@ -88,7 +89,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M169.367 35.3994L169.367 112.214L8.08662 112.214L8.08662 35.3994L169.367 35.3994Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -96,7 +97,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M169.367 112.212L169.367 209.211L80.7512 209.211L80.7512 112.212L169.367 112.212Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -104,7 +105,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M169.367 209.212L169.367 267.15L51.5082 267.15L51.5082 209.212L169.367 209.212Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -112,7 +113,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M51.5082 209.213L51.5082 267.151L8.08671 267.151L8.08672 209.213L51.5082 209.213Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -120,7 +121,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M80.7513 112.212L80.7513 209.211L8.08675 209.211L8.08675 112.212L80.7513 112.212Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -138,7 +139,7 @@ export const InvestmentsTreemapPreview = () => ( > @@ -147,7 +148,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M186.666 35.3867L255.051 35.3867V141.444H186.666L186.666 35.3867Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -155,7 +156,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M255.051 35.3867L341.406 35.3867V93.66L255.051 93.66V35.3867Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -163,7 +164,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M341.406 35.3867L392.986 35.3867V112.89L341.406 112.89V35.3867Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -171,7 +172,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M341.406 112.89L392.986 112.89V141.444H341.406V112.89Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -179,7 +180,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M255.051 93.6602L341.406 93.6602V141.444H255.051V93.6602Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -197,7 +198,7 @@ export const InvestmentsTreemapPreview = () => ( > @@ -206,7 +207,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M186.666 189.321H255.051V267.062H186.666V189.321Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -214,7 +215,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M255.051 189.321L341.406 189.321V232.036H255.051V189.321Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -222,7 +223,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M341.406 189.321H392.986V246.132H341.406V189.321Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -230,7 +231,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M341.406 246.133H392.986V267.064H341.406V246.133Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -238,7 +239,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M255.051 232.036L341.406 232.036V267.062H255.051V232.036Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -256,7 +257,7 @@ export const InvestmentsTreemapPreview = () => ( > @@ -265,7 +266,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M528.01 35.5195L528.01 104.518L412.623 104.518L412.623 35.5195L528.01 35.5195Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -273,7 +274,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M528.01 104.52L528.01 191.649L464.61 191.649L464.61 104.52L528.01 104.52Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -281,7 +282,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M464.61 104.52L464.61 191.649L412.623 191.649L412.623 104.52L464.61 104.52Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -299,7 +300,7 @@ export const InvestmentsTreemapPreview = () => ( > @@ -308,7 +309,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M528.01 236.579L528.01 249.926L412.623 249.926L412.623 236.579L528.01 236.579Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -316,7 +317,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M528.01 249.926L528.01 266.781L464.61 266.781L464.61 249.926L528.01 249.926Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> @@ -324,7 +325,7 @@ export const InvestmentsTreemapPreview = () => ( fillRule="evenodd" clipRule="evenodd" d="M464.61 249.926L464.61 266.781L412.623 266.781L412.623 249.926L464.61 249.926Z" - fill="#868E96" + fill={appColors.COMMON.SECONDARY_COLOR_3} stroke="white" strokeWidth="3" /> diff --git a/src/app/assets/dataset-preview/resultsList.tsx b/src/app/assets/dataset-preview/resultsList.tsx index 4ffe7fe92..a3e3009f5 100644 --- a/src/app/assets/dataset-preview/resultsList.tsx +++ b/src/app/assets/dataset-preview/resultsList.tsx @@ -1,557 +1,558 @@ import React from "react"; +import { appColors } from "app/theme"; export const ResultsListPreview = () => ( diff --git a/src/app/assets/icons/ArrowForward.tsx b/src/app/assets/icons/ArrowForward.tsx index 8912c7e84..09bc8ee59 100644 --- a/src/app/assets/icons/ArrowForward.tsx +++ b/src/app/assets/icons/ArrowForward.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const ArrowForwardIcon = () => ( diff --git a/src/app/assets/icons/Close.tsx b/src/app/assets/icons/Close.tsx index e73d6fd08..05de8c2c9 100644 --- a/src/app/assets/icons/Close.tsx +++ b/src/app/assets/icons/Close.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const CloseIcon = (props: any) => ( diff --git a/src/app/assets/icons/CloudDownload.tsx b/src/app/assets/icons/CloudDownload.tsx index c2cdf9499..eda3df31d 100644 --- a/src/app/assets/icons/CloudDownload.tsx +++ b/src/app/assets/icons/CloudDownload.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const CloudDownloadIcon = () => ( diff --git a/src/app/assets/icons/Component.tsx b/src/app/assets/icons/Component.tsx index 1cd22321a..131303f25 100644 --- a/src/app/assets/icons/Component.tsx +++ b/src/app/assets/icons/Component.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const ComponentIcon = () => ( diff --git a/src/app/assets/icons/Download.tsx b/src/app/assets/icons/Download.tsx index d9f1d19ae..d7bcb97bd 100644 --- a/src/app/assets/icons/Download.tsx +++ b/src/app/assets/icons/Download.tsx @@ -1,7 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const DownloadIcon = () => ( - + ); diff --git a/src/app/assets/icons/Filters.tsx b/src/app/assets/icons/Filters.tsx index f05e84f12..96d49633a 100644 --- a/src/app/assets/icons/Filters.tsx +++ b/src/app/assets/icons/Filters.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const FiltersIcon = () => ( diff --git a/src/app/assets/icons/IconChevronRight.tsx b/src/app/assets/icons/IconChevronRight.tsx index f9849dec7..9e20c6b33 100644 --- a/src/app/assets/icons/IconChevronRight.tsx +++ b/src/app/assets/icons/IconChevronRight.tsx @@ -1,8 +1,12 @@ import React from "react"; +import { appColors } from "app/theme"; const IconChevronRight = (props: any) => ( - + ); diff --git a/src/app/assets/icons/IconZoomIn.tsx b/src/app/assets/icons/IconZoomIn.tsx index bfaf60c33..541887c21 100644 --- a/src/app/assets/icons/IconZoomIn.tsx +++ b/src/app/assets/icons/IconZoomIn.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; const ZoomInIcon = (props: any) => ( diff --git a/src/app/assets/icons/IconZoomOut.tsx b/src/app/assets/icons/IconZoomOut.tsx index 4707b0e46..2176b596d 100644 --- a/src/app/assets/icons/IconZoomOut.tsx +++ b/src/app/assets/icons/IconZoomOut.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; const ZoomOutIcon = (props: any) => ( diff --git a/src/app/assets/icons/Info.tsx b/src/app/assets/icons/Info.tsx index 82545a641..d10af46dd 100644 --- a/src/app/assets/icons/Info.tsx +++ b/src/app/assets/icons/Info.tsx @@ -1,4 +1,5 @@ import React from "react"; +// import { appColors } from "app/theme"; // export const InfoIcon = () => ( // @@ -6,7 +7,7 @@ import React from "react"; // fillRule="evenodd" // clipRule="evenodd" // d="M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM13 11V17H11V11H13ZM12 20.0001C7.58999 20.0001 3.99999 16.4101 3.99999 12.0001C3.99999 7.59007 7.58999 4.00007 12 4.00007C16.41 4.00007 20 7.59007 20 12.0001C20 16.4101 16.41 20.0001 12 20.0001ZM13 7.00006V9.00007H11V7.00006H13Z" -// fill="#262C34" +// fill={appColors.COMMON.PRIMARY_COLOR_1} // /> // // ); diff --git a/src/app/assets/icons/Link.tsx b/src/app/assets/icons/Link.tsx index 210f7298b..5bf56bec6 100644 --- a/src/app/assets/icons/Link.tsx +++ b/src/app/assets/icons/Link.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const LinkIcon = () => ( diff --git a/src/app/assets/icons/Location.tsx b/src/app/assets/icons/Location.tsx index 49a48ec21..823e0c0c7 100644 --- a/src/app/assets/icons/Location.tsx +++ b/src/app/assets/icons/Location.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const LocationIcon = () => ( diff --git a/src/app/assets/icons/Rating.tsx b/src/app/assets/icons/Rating.tsx index 11093043e..24c469b99 100644 --- a/src/app/assets/icons/Rating.tsx +++ b/src/app/assets/icons/Rating.tsx @@ -1,15 +1,26 @@ import React from "react"; +import { appColors } from "app/theme"; export const RatingIcon = () => ( - + + - ); diff --git a/src/app/assets/icons/Reset.tsx b/src/app/assets/icons/Reset.tsx index 3bd851f55..513592a90 100644 --- a/src/app/assets/icons/Reset.tsx +++ b/src/app/assets/icons/Reset.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const ResetIcon = () => ( diff --git a/src/app/assets/icons/Search.tsx b/src/app/assets/icons/Search.tsx index e324cf922..ebfcf27be 100644 --- a/src/app/assets/icons/Search.tsx +++ b/src/app/assets/icons/Search.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const SearchIcon = () => ( diff --git a/src/app/assets/icons/Tick.tsx b/src/app/assets/icons/Tick.tsx index 72f0639ca..4a3f64186 100644 --- a/src/app/assets/icons/Tick.tsx +++ b/src/app/assets/icons/Tick.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const TickIcon = () => ( - + diff --git a/src/app/assets/icons/ToolboxXs.tsx b/src/app/assets/icons/ToolboxXs.tsx index 2bef8467f..10661a7db 100644 --- a/src/app/assets/icons/ToolboxXs.tsx +++ b/src/app/assets/icons/ToolboxXs.tsx @@ -1,9 +1,10 @@ import React from "react"; +import { appColors } from "app/theme"; export const ToolboxXsIcon = () => ( diff --git a/src/app/assets/icons/TriangleXS.tsx b/src/app/assets/icons/TriangleXS.tsx index 09047b9f6..0de76e117 100644 --- a/src/app/assets/icons/TriangleXS.tsx +++ b/src/app/assets/icons/TriangleXS.tsx @@ -1,7 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const TriangleXSIcon = () => ( - + ); diff --git a/src/app/assets/icons/charts/Allocation.tsx b/src/app/assets/icons/charts/Allocation.tsx index 92b53364c..9ea74deb4 100644 --- a/src/app/assets/icons/charts/Allocation.tsx +++ b/src/app/assets/icons/charts/Allocation.tsx @@ -1,18 +1,19 @@ import React from "react"; +import { appColors } from "app/theme"; export const AllocationIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Bar.tsx b/src/app/assets/icons/charts/Bar.tsx index 3f935b4f2..58c95d316 100644 --- a/src/app/assets/icons/charts/Bar.tsx +++ b/src/app/assets/icons/charts/Bar.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const BarIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Dot.tsx b/src/app/assets/icons/charts/Dot.tsx index 504d2863e..549abbec4 100644 --- a/src/app/assets/icons/charts/Dot.tsx +++ b/src/app/assets/icons/charts/Dot.tsx @@ -1,46 +1,47 @@ import React from "react"; +import { appColors } from "app/theme"; export const DotIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Map.tsx b/src/app/assets/icons/charts/Map.tsx index 90a2fa9b1..b3819298b 100644 --- a/src/app/assets/icons/charts/Map.tsx +++ b/src/app/assets/icons/charts/Map.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const MapIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Network.tsx b/src/app/assets/icons/charts/Network.tsx index 12e9f9848..42eab0267 100644 --- a/src/app/assets/icons/charts/Network.tsx +++ b/src/app/assets/icons/charts/Network.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const NetworkIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Radial.tsx b/src/app/assets/icons/charts/Radial.tsx index 660030562..e22ee8bc2 100644 --- a/src/app/assets/icons/charts/Radial.tsx +++ b/src/app/assets/icons/charts/Radial.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const RadialIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Sankey.tsx b/src/app/assets/icons/charts/Sankey.tsx index 617ce7510..4a6f4a750 100644 --- a/src/app/assets/icons/charts/Sankey.tsx +++ b/src/app/assets/icons/charts/Sankey.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const SankeyIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Table.tsx b/src/app/assets/icons/charts/Table.tsx index da571556d..53343af36 100644 --- a/src/app/assets/icons/charts/Table.tsx +++ b/src/app/assets/icons/charts/Table.tsx @@ -1,10 +1,11 @@ import React from "react"; +import { appColors } from "app/theme"; export const TableIcon = () => ( ); diff --git a/src/app/assets/icons/charts/Treemap.tsx b/src/app/assets/icons/charts/Treemap.tsx index 30594483d..875e65217 100644 --- a/src/app/assets/icons/charts/Treemap.tsx +++ b/src/app/assets/icons/charts/Treemap.tsx @@ -1,18 +1,19 @@ import React from "react"; +import { appColors } from "app/theme"; export const TreemapIcon = () => ( ); diff --git a/src/app/components/AppBar/index.tsx b/src/app/components/AppBar/index.tsx index e44a27a6b..8fdec2aba 100644 --- a/src/app/components/AppBar/index.tsx +++ b/src/app/components/AppBar/index.tsx @@ -1,5 +1,6 @@ import React from "react"; import get from "lodash/get"; +import { appColors } from "app/theme"; import { Search } from "app/components/Search"; import Toolbar from "@material-ui/core/Toolbar"; import MUIAppBar from "@material-ui/core/AppBar"; @@ -40,7 +41,9 @@ function MobileHeader() { padding-left: 0; `} > - + @@ -55,15 +58,17 @@ export const StyledMenu = withStyles({ "&::-webkit-scrollbar": { width: 5, borderRadius: 10, - background: "#262c34", + background: appColors.APPBAR.DATASETS_MENU_SCROLLBAR_BACKGROUND_COLOR, }, "&::-webkit-scrollbar-track": { borderRadius: 10, - background: "#dfe3e6", + background: + appColors.APPBAR.DATASETS_MENU_SCROLLBAR_TRACK_BACKGROUND_COLOR, }, "&::-webkit-scrollbar-thumb": { borderRadius: 10, - background: "#262c34", + background: + appColors.APPBAR.DATASETS_MENU_SCROLLBAR_THUMB_BACKGROUND_COLOR, }, }, list: { @@ -91,28 +96,14 @@ export const StyledMenuItem = withStyles(() => ({ root: { padding: 0, width: "100%", - borderBottom: "1px solid #DFE3E6", + borderBottom: `1px solid ${appColors.APPBAR.DATASETS_MENU_ITEM_BORDER_BOTTOM_COLOR}`, "& a": { width: "100%", fontSize: "14px", - color: "#262c34", + color: appColors.APPBAR.DATASETS_MENU_ITEM_COLOR, padding: "10px 12px", textDecoration: "none", }, - // "& li": { - // width: "100%", - // fontSize: "14px", - // color: "#262c34", - // padding: "6px 12px", - // textDecoration: "none", - // }, - // "& div": { - // width: "100%", - // fontSize: "14px", - // color: "#262c34", - // padding: "0 12px", - // textDecoration: "none", - // }, }, }))(MenuItem); @@ -239,7 +230,9 @@ export function AppBar() { css={` height: 100%; display: flex; - color: ${anchorEl ? "#fff" : "#dfe3e6"}; + color: ${anchorEl + ? appColors.APPBAR.LINK_ACTIVE_COLOR + : appColors.APPBAR.LINK_COLOR}; cursor: pointer; font-size: 14px; font-weight: bold; @@ -249,7 +242,7 @@ export function AppBar() { text-decoration: none; &:hover { - color: #fff; + color: ${appColors.APPBAR.LINK_ACTIVE_COLOR}; } `} > @@ -278,18 +271,18 @@ export function AppBar() { @@ -310,12 +303,19 @@ export function AppBar() { `} > {openSearch ? ( - + ) : ( - + @@ -336,7 +336,7 @@ export function AppBar() { position: absolute; path { - fill: #fff; + fill: ${appColors.COMMON.WHITE}; } `} > diff --git a/src/app/components/Charts/Budgets/Flow/components/nodata/index.tsx b/src/app/components/Charts/Budgets/Flow/components/nodata/index.tsx index 6c8e8ad55..bc4320c19 100644 --- a/src/app/components/Charts/Budgets/Flow/components/nodata/index.tsx +++ b/src/app/components/Charts/Budgets/Flow/components/nodata/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; export function NoDataBudgetsFlow() { return ( @@ -15,33 +16,182 @@ export function NoDataBudgetsFlow() { } `} > - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + ); } diff --git a/src/app/components/Charts/Budgets/Flow/components/node/index.tsx b/src/app/components/Charts/Budgets/Flow/components/node/index.tsx index a2fe01ad9..93871236e 100644 --- a/src/app/components/Charts/Budgets/Flow/components/node/index.tsx +++ b/src/app/components/Charts/Budgets/Flow/components/node/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; import { css } from "styled-components/macro"; export const styles = { @@ -13,7 +14,7 @@ export const styles = { nodeStyle: css` cursor: pointer; &:hover { - stroke: #13183f; + stroke: ${appColors.BUDGETS_FLOW.NODE_STROKE_HOVER_COLOR}; stroke-width: 3px; } `, @@ -38,7 +39,7 @@ function getInnerNodes( y={localPrevY} height={height} strokeWidth={1} - stroke="#252C34" + stroke={appColors.COMMON.PRIMARY_COLOR_1} fill={item.color} width={node.width} css={_selectedNode && !selectedNode ? "opacity: 0.3;" : ""} diff --git a/src/app/components/Charts/Budgets/Flow/components/tooltip/index.tsx b/src/app/components/Charts/Budgets/Flow/components/tooltip/index.tsx index 397bc4c6c..1b42225c4 100644 --- a/src/app/components/Charts/Budgets/Flow/components/tooltip/index.tsx +++ b/src/app/components/Charts/Budgets/Flow/components/tooltip/index.tsx @@ -1,6 +1,7 @@ import React from "react"; import get from "lodash/get"; import orderBy from "lodash/orderBy"; +import { appColors } from "app/theme"; import Button from "@material-ui/core/Button"; import CloseIcon from "@material-ui/icons/Close"; import { useCMSData } from "app/hooks/useCMSData"; @@ -15,8 +16,8 @@ export function BudgetsFlowTooltip(props: BudgetsFlowTooltipProps) { return (
@@ -52,8 +53,8 @@ export function MobileBudgetsFlowTooltip(props: MobileBudgetsFlowTooltipProps) {
@@ -94,7 +95,7 @@ export function MobileBudgetsFlowTooltip(props: MobileBudgetsFlowTooltipProps) { padding-bottom: 16px; align-items: flex-end; justify-content: space-between; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.COMMON.SECONDARY_COLOR_7}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -117,7 +118,7 @@ export function MobileBudgetsFlowTooltip(props: MobileBudgetsFlowTooltipProps) { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.COMMON.SECONDARY_COLOR_7}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -206,19 +207,21 @@ export function MobileBudgetsFlowTooltip(props: MobileBudgetsFlowTooltipProps) { css={` width: 100%; margin-top: 20px; - background: #dfe3e6; border-radius: 22px; + background: ${appColors.BUDGETS_FLOW + .MOBILE_TOOLTIP_DRILLDOWN_BACKGROUND_COLOR}; &:hover { - background: #dfe3e6; + background: ${appColors.BUDGETS_FLOW + .MOBILE_TOOLTIP_DRILLDOWN_BACKGROUND_HOVER_COLOR}; } > span > div { - color: #262c34; font-size: 14px; font-weight: bold; text-transform: none; font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; + color: ${appColors.BUDGETS_FLOW.MOBILE_TOOLTIP_DRILLDOWN_COLOR}; } `} > diff --git a/src/app/components/Charts/Budgets/Flow/index.tsx b/src/app/components/Charts/Budgets/Flow/index.tsx index e3e469624..cb9c18be7 100644 --- a/src/app/components/Charts/Budgets/Flow/index.tsx +++ b/src/app/components/Charts/Budgets/Flow/index.tsx @@ -3,15 +3,11 @@ import get from "lodash/get"; import sumBy from "lodash/sumBy"; import uniqBy from "lodash/uniqBy"; import filter from "lodash/filter"; +import { appColors } from "app/theme"; import Grid from "@material-ui/core/Grid"; import { css } from "styled-components/macro"; -import { - ResponsiveSankey, - SankeyLinkDatum, - SankeyNodeDatum, -} from "@nivo/sankey"; import { InfoIcon } from "app/assets/icons/Info"; -// import { isTouchDevice } from "app/utils/isTouchDevice"; +import { useCMSData } from "app/hooks/useCMSData"; import useMediaQuery from "@material-ui/core/useMediaQuery"; import { XsContainer } from "app/components/Charts/common/styles"; import { formatFinancialValue } from "app/utils/formatFinancialValue"; @@ -26,7 +22,11 @@ import { BudgetsFlowTooltip, MobileBudgetsFlowTooltip, } from "app/components/Charts/Budgets/Flow/components/tooltip"; -import { useCMSData } from "app/hooks/useCMSData"; +import { + ResponsiveSankey, + SankeyLinkDatum, + SankeyNodeDatum, +} from "@nivo/sankey"; const container = css` width: 100%; @@ -73,7 +73,7 @@ const container = css` const header = css` > div { - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; font-size: 14px; @media (max-width: 767px) { @@ -231,7 +231,7 @@ export function BudgetsFlow(props: BudgetsFlowProps) {
- - - - - - - - - - - - - - - - + fill={appColors.COMMON.PRIMARY_COLOR_1} + /> + + + + + + + + + + + + + + + + ); } diff --git a/src/app/components/Charts/Budgets/TimeCycle/components/tooltip/index.tsx b/src/app/components/Charts/Budgets/TimeCycle/components/tooltip/index.tsx index 60fefd881..d9312c502 100644 --- a/src/app/components/Charts/Budgets/TimeCycle/components/tooltip/index.tsx +++ b/src/app/components/Charts/Budgets/TimeCycle/components/tooltip/index.tsx @@ -1,8 +1,9 @@ import React from "react"; import get from "lodash/get"; import filter from "lodash/filter"; -import { formatFinancialValue } from "app/utils/formatFinancialValue"; +import { appColors } from "app/theme"; import { useCMSData } from "app/hooks/useCMSData"; +import { formatFinancialValue } from "app/utils/formatFinancialValue"; export function BudgetsTimeCycleTooltip(props: Record) { const valueKeys = filter( @@ -15,11 +16,11 @@ export function BudgetsTimeCycleTooltip(props: Record) { return (
diff --git a/src/app/components/Charts/Budgets/TimeCycle/data.ts b/src/app/components/Charts/Budgets/TimeCycle/data.ts index 67e92b807..8e1e5ecd8 100644 --- a/src/app/components/Charts/Budgets/TimeCycle/data.ts +++ b/src/app/components/Charts/Budgets/TimeCycle/data.ts @@ -3,138 +3,3 @@ export interface BudgetsTimeCycleProps { data: Record[]; onNodeClick: (node: string, x: number, y: number) => void; } - -export const mockdata: Record[] = [ - { - year: "2017", - HIV: 1258028, - HIVColor: "#70777E", - Tuberculosis: 77, - TuberculosisColor: "#252C34", - Other: 720239, - OtherColor: "#868E96", - RSSH: 7876, - RSSHColor: "#ADB5BD", - amount: 1986220, - }, - { - year: "2018", - Malaria: 546535407, - MalariaColor: "#262C34", - Other: 342227244, - OtherColor: "#868E96", - HIV: 762036172, - HIVColor: "#70777E", - RSSH: 223636828, - RSSHColor: "#ADB5BD", - Tuberculosis: 347103179, - TuberculosisColor: "#252C34", - Multicomponent: 7519915, - MulticomponentColor: "#373D43", - amount: 2229058745, - }, - { - year: "2019", - Tuberculosis: 518209923, - TuberculosisColor: "#252C34", - RSSH: 365898063, - RSSHColor: "#ADB5BD", - Malaria: 924630754, - MalariaColor: "#262C34", - HIV: 1257182582, - HIVColor: "#70777E", - Other: 467574230, - OtherColor: "#868E96", - Multicomponent: 5095709, - MulticomponentColor: "#373D43", - amount: 3538591261, - }, - { - year: "2020", - Tuberculosis: 720913117, - TuberculosisColor: "#252C34", - HIV: 1641964939, - HIVColor: "#70777E", - Other: 596999788, - OtherColor: "#868E96", - RSSH: 526883976, - RSSHColor: "#ADB5BD", - "Emergency Response": 603700040, - "Emergency ResponseColor": "#98A1AA", - Malaria: 1208382291, - MalariaColor: "#262C34", - Multicomponent: 7339735, - MulticomponentColor: "#373D43", - amount: 5306183886, - }, - { - year: "2021", - RSSH: 578229801, - RSSHColor: "#ADB5BD", - Tuberculosis: 644692923, - TuberculosisColor: "#252C34", - HIV: 1328124387, - HIVColor: "#70777E", - Other: 545528604, - OtherColor: "#868E96", - Malaria: 940644758, - MalariaColor: "#262C34", - "Emergency Response": 179222871, - "Emergency ResponseColor": "#98A1AA", - Multicomponent: 23069140, - MulticomponentColor: "#373D43", - amount: 4239512484, - }, - { - year: "2022", - Other: 446812544, - OtherColor: "#868E96", - HIV: 1610261059, - HIVColor: "#70777E", - Tuberculosis: 569291120, - TuberculosisColor: "#252C34", - Malaria: 999670617, - MalariaColor: "#262C34", - RSSH: 465973614, - RSSHColor: "#ADB5BD", - Multicomponent: 100041148, - MulticomponentColor: "#373D43", - "Emergency Response": 767227, - "Emergency ResponseColor": "#98A1AA", - amount: 4192817329, - }, - { - year: "2023", - Malaria: 813369940, - MalariaColor: "#262C34", - Other: 411445579, - OtherColor: "#868E96", - HIV: 1399309985, - HIVColor: "#70777E", - RSSH: 297975789, - RSSHColor: "#ADB5BD", - Tuberculosis: 467677229, - TuberculosisColor: "#252C34", - "Emergency Response": 1503433, - "Emergency ResponseColor": "#98A1AA", - Multicomponent: 108391846, - MulticomponentColor: "#373D43", - amount: 3499673801, - }, - { - year: "2024", - Other: 9823673, - OtherColor: "#868E96", - HIV: 22699232, - HIVColor: "#70777E", - RSSH: 9755523, - RSSHColor: "#ADB5BD", - Tuberculosis: 21617221, - TuberculosisColor: "#252C34", - Malaria: 15642248, - MalariaColor: "#262C34", - Multicomponent: 104695859, - MulticomponentColor: "#373D43", - amount: 184233756, - }, -]; diff --git a/src/app/components/Charts/Budgets/TimeCycle/index.tsx b/src/app/components/Charts/Budgets/TimeCycle/index.tsx index 4b997ee33..53798522e 100644 --- a/src/app/components/Charts/Budgets/TimeCycle/index.tsx +++ b/src/app/components/Charts/Budgets/TimeCycle/index.tsx @@ -1,11 +1,14 @@ import React from "react"; +import get from "lodash/get"; import uniq from "lodash/uniq"; import sumBy from "lodash/sumBy"; import uniqBy from "lodash/uniqBy"; import filter from "lodash/filter"; +import { appColors } from "app/theme"; import Grid from "@material-ui/core/Grid"; import { ResponsiveBar } from "@nivo/bar"; import { InfoIcon } from "app/assets/icons/Info"; +import { useCMSData } from "app/hooks/useCMSData"; import useMediaQuery from "@material-ui/core/useMediaQuery"; import { getVizValueRange } from "app/utils/getVizValueRange"; import { XsContainer } from "app/components/Charts/common/styles"; @@ -17,8 +20,6 @@ import { MobileBudgetsFlowTooltipProps } from "app/components/Charts/Budgets/Flo import { getFinancialValueWithMetricPrefix } from "app/utils/getFinancialValueWithMetricPrefix"; import { MobileBudgetsFlowTooltip } from "app/components/Charts/Budgets/Flow/components/tooltip"; import { NoDataBudgetsTimeCycle } from "app/components/Charts/Budgets/TimeCycle/components/nodata"; -import get from "lodash/get"; -import { useCMSData } from "app/hooks/useCMSData"; function getKeysFromData(data: Record[]) { if (data.length === 0) { @@ -68,42 +69,6 @@ export function BudgetsTimeCycle(props: BudgetsTimeCycleProps) { React.useEffect(() => setKeys(getKeysFromData(props.data)), [props.data]); - // React.useEffect(() => { - // setTimeout(() => { - // const viz = document.getElementById("budgets-time-cycle"); - // if (viz) { - // const svgs = viz.getElementsByTagName("svg"); - // if (svgs.length > 1) { - // const pathElement = document.createElementNS( - // "http://www.w3.org/2000/svg", - // "path" - // ); - // pathElement.setAttribute("d", "M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2"); - // pathElement.setAttribute("stroke", "#13183F"); - // pathElement.setAttribute("strokeWidth", "1"); - - // const patternElement = document.createElementNS( - // "http://www.w3.org/2000/svg", - // "pattern" - // ); - // patternElement.setAttribute("id", "diagonalHatch"); - // patternElement.setAttribute("patternUnits", "userSpaceOnUse"); - // patternElement.setAttribute("width", "4"); - // patternElement.setAttribute("height", "4"); - // patternElement.appendChild(pathElement); - - // const defsElement = document.createElementNS( - // "http://www.w3.org/2000/svg", - // "defs" - // ); - // defsElement.appendChild(patternElement); - - // svgs[1].appendChild(defsElement); - // } - // } - // }, 100); - // }, []); - const Bars = (bprops: any) => { return bprops.bars.map((bar: any) => ( div { - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; } `} > @@ -317,11 +282,11 @@ export function BudgetsTimeCycle(props: BudgetsTimeCycleProps) { ticks: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.TIME_CYCLE.AXIS_COLOR, strokeOpacity: 0.3, }, text: { - fill: "#262c34", + fill: appColors.TIME_CYCLE.AXIS_TEXT_COLOR, fontSize: 12, }, }, @@ -339,7 +304,7 @@ export function BudgetsTimeCycle(props: BudgetsTimeCycleProps) { grid: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.TIME_CYCLE.AXIS_GRID_COLOR, strokeOpacity: 0.3, }, }, diff --git a/src/app/components/Charts/Budgets/Treemap/components/tooltip/index.tsx b/src/app/components/Charts/Budgets/Treemap/components/tooltip/index.tsx index 3e2cc29a4..3a6e03b74 100644 --- a/src/app/components/Charts/Budgets/Treemap/components/tooltip/index.tsx +++ b/src/app/components/Charts/Budgets/Treemap/components/tooltip/index.tsx @@ -1,8 +1,9 @@ import React from "react"; -import { TreemapTooltipProps } from "app/components/Charts/Investments/Disbursements/data"; -import { formatFinancialValue } from "app/utils/formatFinancialValue"; import get from "lodash/get"; +import { appColors } from "app/theme"; import { useCMSData } from "app/hooks/useCMSData"; +import { TreemapTooltipProps } from "app/components/Charts/Investments/Disbursements/data"; +import { formatFinancialValue } from "app/utils/formatFinancialValue"; export function TreemapTooltip(props: TreemapTooltipProps) { const { data } = props.node; @@ -11,9 +12,9 @@ export function TreemapTooltip(props: TreemapTooltipProps) { return (
@@ -39,7 +40,7 @@ export function TreemapTooltip(props: TreemapTooltipProps) { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.TREEMAP.TOOLTIP_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -72,7 +73,14 @@ export function TreemapTooltip(props: TreemapTooltipProps) { } `} > -
{props.tooltipKeyLabel || get(cmsData, "componentsChartsBudgets.treemapTooltipDefaultKeyLabel", "")}
+
+ {props.tooltipKeyLabel || + get( + cmsData, + "componentsChartsBudgets.treemapTooltipDefaultKeyLabel", + "" + )} +
{props.tooltipValueLabel}
{data.tooltip.componentsStats.map((stat: any) => ( diff --git a/src/app/components/Charts/Budgets/Treemap/components/treemapnode/index.tsx b/src/app/components/Charts/Budgets/Treemap/components/treemapnode/index.tsx index 40acfdc51..baf8a68f1 100644 --- a/src/app/components/Charts/Budgets/Treemap/components/treemapnode/index.tsx +++ b/src/app/components/Charts/Budgets/Treemap/components/treemapnode/index.tsx @@ -6,6 +6,7 @@ import useMediaQuery from "@material-ui/core/useMediaQuery"; import { formatFinancialValue } from "app/utils/formatFinancialValue"; import { BudgetsTreemap } from "../.."; import { isTouchDevice } from "app/utils/isTouchDevice"; +import { appColors } from "app/theme"; const containercss = (hover: boolean, selected: boolean) => css` display: flex; @@ -27,9 +28,9 @@ export function TreeemapNode(props: any) { const bigDevice = useMediaQuery("(min-width: 768px)"); const hasChildren = node.data._children && node.data._children.length > 0; - let color = "#262C34"; + let color = appColors.COMMON.PRIMARY_COLOR_1; if (props.isChildTreemap || (props.invertColors && !bigDevice)) { - color = "#fff"; + color = appColors.COMMON.WHITE; } let extraProps = {}; @@ -60,7 +61,9 @@ export function TreeemapNode(props: any) { cursor: props.isChildTreemap ? "pointer" : "default", color, background: - bigDevice || !props.invertColors ? node.data.color : "#595C70", + bigDevice || !props.invertColors + ? node.data.color + : appColors.COMMON.SECONDARY_COLOR_12, }} css={containercss( !hasChildren, diff --git a/src/app/components/Charts/Budgets/Treemap/data.ts b/src/app/components/Charts/Budgets/Treemap/data.ts index 27e6a375a..109cd3097 100644 --- a/src/app/components/Charts/Budgets/Treemap/data.ts +++ b/src/app/components/Charts/Budgets/Treemap/data.ts @@ -33,1942 +33,3 @@ export interface BudgetsTreemapProps { export interface TreemapTooltipProps { node: TreeMapNodeDatum; } - -export const mockdata3: BudgetsTreemapDataItem[] = [ - { - name: "HIV", - color: "#DFE3E5", - value: 1428439124, - formattedValue: "1,428,439,124 USD", - _children: [ - { - name: "Program management", - value: 562457674, - formattedValue: "562,457,674 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Program management", - value: 562457674, - }, - ], - value: 562457674, - }, - }, - { - name: "Treatment, care and support", - value: 155843269, - formattedValue: "155,843,269 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Treatment, care and support", - value: 155843269, - }, - ], - value: 155843269, - }, - }, - { - name: "Prevention", - value: 133506288, - formattedValue: "133,506,288 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Prevention", - value: 133506288, - }, - ], - value: 133506288, - }, - }, - { - name: - "RSSH: Human resources for health, including community health workers", - value: 86614187, - formattedValue: "86,614,187 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: - "RSSH: Human resources for health, including community health workers", - value: 86614187, - }, - ], - value: 86614187, - }, - }, - { - name: "RSSH: Health management information systems and M&E", - value: 80938953, - formattedValue: "80,938,953 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Health management information systems and M&E", - value: 80938953, - }, - ], - value: 80938953, - }, - }, - { - name: "RSSH: Health products management systems", - value: 65706967, - formattedValue: "65,706,967 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Health products management systems", - value: 65706967, - }, - ], - value: 65706967, - }, - }, - { - name: "Differentiated HIV Testing Services", - value: 62831379, - formattedValue: "62,831,379 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Differentiated HIV Testing Services", - value: 62831379, - }, - ], - value: 62831379, - }, - }, - { - name: - "Comprehensive prevention programs for people who inject drugs (PWID) and their partners", - value: 38093788, - formattedValue: "38,093,788 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: - "Comprehensive prevention programs for people who inject drugs (PWID) and their partners", - value: 38093788, - }, - ], - value: 38093788, - }, - }, - { - name: "Comprehensive prevention programs for MSM", - value: 35735106, - formattedValue: "35,735,106 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Comprehensive prevention programs for MSM", - value: 35735106, - }, - ], - value: 35735106, - }, - }, - { - name: - "Comprehensive prevention programs for sex workers and their clients", - value: 30648775, - formattedValue: "30,648,775 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: - "Comprehensive prevention programs for sex workers and their clients", - value: 30648775, - }, - ], - value: 30648775, - }, - }, - { - name: "PMTCT", - value: 28674174, - formattedValue: "28,674,174 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PMTCT", - value: 28674174, - }, - ], - value: 28674174, - }, - }, - { - name: "COVID-19", - value: 27254269, - formattedValue: "27,254,269 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "COVID-19", - value: 27254269, - }, - ], - value: 27254269, - }, - }, - { - name: "Prevention programs for other vulnerable populations", - value: 26146674, - formattedValue: "26,146,674 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Prevention programs for other vulnerable populations", - value: 26146674, - }, - ], - value: 26146674, - }, - }, - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 23120011, - formattedValue: "23,120,011 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 23120011, - }, - ], - value: 23120011, - }, - }, - { - name: - "Prevention programs for adolescents and youth, in and out of school", - value: 15173907, - formattedValue: "15,173,907 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: - "Prevention programs for adolescents and youth, in and out of school", - value: 15173907, - }, - ], - value: 15173907, - }, - }, - { - name: "RSSH: Community systems strengthening", - value: 14833693, - formattedValue: "14,833,693 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Community systems strengthening", - value: 14833693, - }, - ], - value: 14833693, - }, - }, - { - name: "Reducing human rights-related barriers to HIV/TB services", - value: 11859483, - formattedValue: "11,859,483 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Reducing human rights-related barriers to HIV/TB services", - value: 11859483, - }, - ], - value: 11859483, - }, - }, - { - name: "RSSH: Laboratory systems", - value: 6918354, - formattedValue: "6,918,354 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Laboratory systems", - value: 6918354, - }, - ], - value: 6918354, - }, - }, - { - name: "Prevention programs for general population", - value: 6865107, - formattedValue: "6,865,107 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Prevention programs for general population", - value: 6865107, - }, - ], - value: 6865107, - }, - }, - { - name: "Comprehensive prevention programs for TGs", - value: 4913446, - formattedValue: "4,913,446 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Comprehensive prevention programs for TGs", - value: 4913446, - }, - ], - value: 4913446, - }, - }, - { - name: "RSSH: Financial management systems", - value: 4022265, - formattedValue: "4,022,265 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Financial management systems", - value: 4022265, - }, - ], - value: 4022265, - }, - }, - { - name: "RSSH: Health sector governance and planning", - value: 3277193, - formattedValue: "3,277,193 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RSSH: Health sector governance and planning", - value: 3277193, - }, - ], - value: 3277193, - }, - }, - { - name: - "Comprehensive programs for people in prisons and other closed settings", - value: 1717168, - formattedValue: "1,717,168 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: - "Comprehensive programs for people in prisons and other closed settings", - value: 1717168, - }, - ], - value: 1717168, - }, - }, - { - name: "TB/HIV", - value: 1286994, - formattedValue: "1,286,994 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TB/HIV", - value: 1286994, - }, - ], - value: 1286994, - }, - }, - ], - tooltip: { - header: "HIV", - value: 1428439124, - componentsStats: [ - { - name: "HIV", - value: 1428439124, - }, - ], - }, - }, - { - name: "Malaria", - color: "#DFE3E5", - value: 1406841351, - formattedValue: "1,406,841,351 USD", - _children: [ - { - name: "Program management", - value: 813812980, - formattedValue: "813,812,980 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "Program management", - value: 813812980, - }, - ], - value: 813812980, - }, - }, - { - name: "Vector control", - value: 110997566, - formattedValue: "110,997,566 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "Vector control", - value: 110997566, - }, - ], - value: 110997566, - }, - }, - { - name: "Case management", - value: 110451046, - formattedValue: "110,451,046 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "Case management", - value: 110451046, - }, - ], - value: 110451046, - }, - }, - { - name: - "RSSH: Human resources for health, including community health workers", - value: 100790737, - formattedValue: "100,790,737 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: - "RSSH: Human resources for health, including community health workers", - value: 100790737, - }, - ], - value: 100790737, - }, - }, - { - name: "RSSH: Health management information systems and M&E", - value: 61922545, - formattedValue: "61,922,545 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Health management information systems and M&E", - value: 61922545, - }, - ], - value: 61922545, - }, - }, - { - name: "RSSH: Health products management systems", - value: 55724513, - formattedValue: "55,724,513 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Health products management systems", - value: 55724513, - }, - ], - value: 55724513, - }, - }, - { - name: "Specific prevention interventions (SPI)", - value: 55519009, - formattedValue: "55,519,009 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "Specific prevention interventions (SPI)", - value: 55519009, - }, - ], - value: 55519009, - }, - }, - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 35745808, - formattedValue: "35,745,808 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 35745808, - }, - ], - value: 35745808, - }, - }, - { - name: "COVID-19", - value: 29404165, - formattedValue: "29,404,165 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "COVID-19", - value: 29404165, - }, - ], - value: 29404165, - }, - }, - { - name: "RSSH: Health sector governance and planning", - value: 16080072, - formattedValue: "16,080,072 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Health sector governance and planning", - value: 16080072, - }, - ], - value: 16080072, - }, - }, - { - name: "RSSH: Community systems strengthening", - value: 7063449, - formattedValue: "7,063,449 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Community systems strengthening", - value: 7063449, - }, - ], - value: 7063449, - }, - }, - { - name: "RSSH: Laboratory systems", - value: 5497789, - formattedValue: "5,497,789 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Laboratory systems", - value: 5497789, - }, - ], - value: 5497789, - }, - }, - { - name: "RSSH: Financial management systems", - value: 3761454, - formattedValue: "3,761,454 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RSSH: Financial management systems", - value: 3761454, - }, - ], - value: 3761454, - }, - }, - { - name: "Payment for results", - value: 70218, - formattedValue: "70,218 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "Payment for results", - value: 70218, - }, - ], - value: 70218, - }, - }, - ], - tooltip: { - header: "Malaria", - value: 1406841351, - componentsStats: [ - { - name: "Malaria", - value: 1406841351, - }, - ], - }, - }, - { - name: "TB/HIV", - color: "#DFE3E5", - value: 1233430737, - formattedValue: "1,233,430,737 USD", - _children: [ - { - name: "Program management", - value: 568577895, - formattedValue: "568,577,895 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Program management", - value: 568577895, - }, - ], - value: 568577895, - }, - }, - { - name: "TB care and prevention", - value: 105668927, - formattedValue: "105,668,927 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "TB care and prevention", - value: 105668927, - }, - ], - value: 105668927, - }, - }, - { - name: "Treatment, care and support", - value: 96562129, - formattedValue: "96,562,129 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Treatment, care and support", - value: 96562129, - }, - ], - value: 96562129, - }, - }, - { - name: "Prevention", - value: 71833749, - formattedValue: "71,833,749 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Prevention", - value: 71833749, - }, - ], - value: 71833749, - }, - }, - { - name: - "Prevention programs for adolescents and youth, in and out of school", - value: 52414717, - formattedValue: "52,414,717 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: - "Prevention programs for adolescents and youth, in and out of school", - value: 52414717, - }, - ], - value: 52414717, - }, - }, - { - name: "RSSH: Health management information systems and M&E", - value: 46556368, - formattedValue: "46,556,368 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Health management information systems and M&E", - value: 46556368, - }, - ], - value: 46556368, - }, - }, - { - name: - "RSSH: Human resources for health, including community health workers", - value: 39631961, - formattedValue: "39,631,961 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: - "RSSH: Human resources for health, including community health workers", - value: 39631961, - }, - ], - value: 39631961, - }, - }, - { - name: "RSSH: Health products management systems", - value: 32145063, - formattedValue: "32,145,063 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Health products management systems", - value: 32145063, - }, - ], - value: 32145063, - }, - }, - { - name: "RSSH: Community systems strengthening", - value: 28168242, - formattedValue: "28,168,242 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Community systems strengthening", - value: 28168242, - }, - ], - value: 28168242, - }, - }, - { - name: "MDR-TB", - value: 27811066, - formattedValue: "27,811,066 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MDR-TB", - value: 27811066, - }, - ], - value: 27811066, - }, - }, - { - name: - "Comprehensive prevention programs for people who inject drugs (PWID) and their partners", - value: 22421852, - formattedValue: "22,421,852 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: - "Comprehensive prevention programs for people who inject drugs (PWID) and their partners", - value: 22421852, - }, - ], - value: 22421852, - }, - }, - { - name: - "Comprehensive prevention programs for sex workers and their clients", - value: 20477783, - formattedValue: "20,477,783 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: - "Comprehensive prevention programs for sex workers and their clients", - value: 20477783, - }, - ], - value: 20477783, - }, - }, - { - name: "COVID-19", - value: 18965127, - formattedValue: "18,965,127 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "COVID-19", - value: 18965127, - }, - ], - value: 18965127, - }, - }, - { - name: "Reducing human rights-related barriers to HIV/TB services", - value: 17115731, - formattedValue: "17,115,731 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Reducing human rights-related barriers to HIV/TB services", - value: 17115731, - }, - ], - value: 17115731, - }, - }, - { - name: "TB/HIV", - value: 15474760, - formattedValue: "15,474,760 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "TB/HIV", - value: 15474760, - }, - ], - value: 15474760, - }, - }, - { - name: "Comprehensive prevention programs for MSM", - value: 13732199, - formattedValue: "13,732,199 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Comprehensive prevention programs for MSM", - value: 13732199, - }, - ], - value: 13732199, - }, - }, - { - name: "PMTCT", - value: 10971040, - formattedValue: "10,971,040 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "PMTCT", - value: 10971040, - }, - ], - value: 10971040, - }, - }, - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 10145386, - formattedValue: "10,145,386 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 10145386, - }, - ], - value: 10145386, - }, - }, - { - name: "Prevention programs for general population", - value: 7781934, - formattedValue: "7,781,934 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Prevention programs for general population", - value: 7781934, - }, - ], - value: 7781934, - }, - }, - { - name: "Differentiated HIV Testing Services", - value: 7759158, - formattedValue: "7,759,158 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Differentiated HIV Testing Services", - value: 7759158, - }, - ], - value: 7759158, - }, - }, - { - name: "RSSH: Laboratory systems", - value: 7179188, - formattedValue: "7,179,188 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Laboratory systems", - value: 7179188, - }, - ], - value: 7179188, - }, - }, - { - name: "Prevention programs for other vulnerable populations", - value: 4286169, - formattedValue: "4,286,169 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Prevention programs for other vulnerable populations", - value: 4286169, - }, - ], - value: 4286169, - }, - }, - { - name: "RSSH: Financial management systems", - value: 3617380, - formattedValue: "3,617,380 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Financial management systems", - value: 3617380, - }, - ], - value: 3617380, - }, - }, - { - name: - "Comprehensive programs for people in prisons and other closed settings", - value: 1324357, - formattedValue: "1,324,357 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: - "Comprehensive programs for people in prisons and other closed settings", - value: 1324357, - }, - ], - value: 1324357, - }, - }, - { - name: "Comprehensive prevention programs for TGs", - value: 1236049, - formattedValue: "1,236,049 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Comprehensive prevention programs for TGs", - value: 1236049, - }, - ], - value: 1236049, - }, - }, - { - name: "Payment for results", - value: 956578, - formattedValue: "956,578 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "Payment for results", - value: 956578, - }, - ], - value: 956578, - }, - }, - { - name: - "Removing human rights and gender related barriers to TB services", - value: 425376, - formattedValue: "425,376 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: - "Removing human rights and gender related barriers to TB services", - value: 425376, - }, - ], - value: 425376, - }, - }, - { - name: "RSSH: Health sector governance and planning", - value: 190553, - formattedValue: "190,553 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RSSH: Health sector governance and planning", - value: 190553, - }, - ], - value: 190553, - }, - }, - ], - tooltip: { - header: "TB/HIV", - value: 1233430737, - componentsStats: [ - { - name: "TB/HIV", - value: 1233430737, - }, - ], - }, - }, - { - name: "Tuberculosis", - color: "#DFE3E5", - value: 784565974, - formattedValue: "784,565,974 USD", - _children: [ - { - name: "Program management", - value: 348618394, - formattedValue: "348,618,394 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "Program management", - value: 348618394, - }, - ], - value: 348618394, - }, - }, - { - name: "TB care and prevention", - value: 282780640, - formattedValue: "282,780,640 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TB care and prevention", - value: 282780640, - }, - ], - value: 282780640, - }, - }, - { - name: "MDR-TB", - value: 72498754, - formattedValue: "72,498,754 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MDR-TB", - value: 72498754, - }, - ], - value: 72498754, - }, - }, - { - name: "RSSH: Health management information systems and M&E", - value: 17444021, - formattedValue: "17,444,021 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Health management information systems and M&E", - value: 17444021, - }, - ], - value: 17444021, - }, - }, - { - name: - "RSSH: Human resources for health, including community health workers", - value: 14903301, - formattedValue: "14,903,301 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: - "RSSH: Human resources for health, including community health workers", - value: 14903301, - }, - ], - value: 14903301, - }, - }, - { - name: "RSSH: Health products management systems", - value: 13014245, - formattedValue: "13,014,245 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Health products management systems", - value: 13014245, - }, - ], - value: 13014245, - }, - }, - { - name: "COVID-19", - value: 10297398, - formattedValue: "10,297,398 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "COVID-19", - value: 10297398, - }, - ], - value: 10297398, - }, - }, - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 6661684, - formattedValue: "6,661,684 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 6661684, - }, - ], - value: 6661684, - }, - }, - { - name: "TB/HIV", - value: 5343167, - formattedValue: "5,343,167 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TB/HIV", - value: 5343167, - }, - ], - value: 5343167, - }, - }, - { - name: "RSSH: Financial management systems", - value: 3812200, - formattedValue: "3,812,200 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Financial management systems", - value: 3812200, - }, - ], - value: 3812200, - }, - }, - { - name: "RSSH: Laboratory systems", - value: 3697581, - formattedValue: "3,697,581 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Laboratory systems", - value: 3697581, - }, - ], - value: 3697581, - }, - }, - { - name: "RSSH: Health sector governance and planning", - value: 2994726, - formattedValue: "2,994,726 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Health sector governance and planning", - value: 2994726, - }, - ], - value: 2994726, - }, - }, - { - name: "RSSH: Community systems strengthening", - value: 2297721, - formattedValue: "2,297,721 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RSSH: Community systems strengthening", - value: 2297721, - }, - ], - value: 2297721, - }, - }, - { - name: - "Removing human rights and gender related barriers to TB services", - value: 202142, - formattedValue: "202,142 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: - "Removing human rights and gender related barriers to TB services", - value: 202142, - }, - ], - value: 202142, - }, - }, - ], - tooltip: { - header: "Tuberculosis", - value: 784565974, - componentsStats: [ - { - name: "Tuberculosis", - value: 784565974, - }, - ], - }, - }, - { - name: "RSSH", - color: "#DFE3E5", - value: 117500571, - formattedValue: "117,500,571 USD", - _children: [ - { - name: "Program management", - value: 32735939, - formattedValue: "32,735,939 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "Program management", - value: 32735939, - }, - ], - value: 32735939, - }, - }, - { - name: "RSSH: Health products management systems", - value: 24800098, - formattedValue: "24,800,098 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Health products management systems", - value: 24800098, - }, - ], - value: 24800098, - }, - }, - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 17114635, - formattedValue: "17,114,635 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 17114635, - }, - ], - value: 17114635, - }, - }, - { - name: "RSSH: Health management information systems and M&E", - value: 10924793, - formattedValue: "10,924,793 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Health management information systems and M&E", - value: 10924793, - }, - ], - value: 10924793, - }, - }, - { - name: "COVID-19", - value: 10558384, - formattedValue: "10,558,384 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "COVID-19", - value: 10558384, - }, - ], - value: 10558384, - }, - }, - { - name: "RSSH: Laboratory systems", - value: 8321637, - formattedValue: "8,321,637 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Laboratory systems", - value: 8321637, - }, - ], - value: 8321637, - }, - }, - { - name: - "RSSH: Human resources for health, including community health workers", - value: 6356981, - formattedValue: "6,356,981 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: - "RSSH: Human resources for health, including community health workers", - value: 6356981, - }, - ], - value: 6356981, - }, - }, - { - name: "RSSH: Financial management systems", - value: 4192134, - formattedValue: "4,192,134 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Financial management systems", - value: 4192134, - }, - ], - value: 4192134, - }, - }, - { - name: "RSSH: Health sector governance and planning", - value: 1544486, - formattedValue: "1,544,486 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Health sector governance and planning", - value: 1544486, - }, - ], - value: 1544486, - }, - }, - { - name: "RSSH: Community systems strengthening", - value: 951484, - formattedValue: "951,484 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH: Community systems strengthening", - value: 951484, - }, - ], - value: 951484, - }, - }, - ], - tooltip: { - header: "RSSH", - value: 117500571, - componentsStats: [ - { - name: "RSSH", - value: 117500571, - }, - ], - }, - }, - { - name: "Multicomponent", - color: "#DFE3E5", - value: 100068911, - formattedValue: "100,068,911 USD", - _children: [ - { - name: "Program management", - value: 54437878, - formattedValue: "54,437,878 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Program management", - value: 54437878, - }, - ], - value: 54437878, - }, - }, - { - name: - "RSSH: Human resources for health, including community health workers", - value: 11194867, - formattedValue: "11,194,867 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: - "RSSH: Human resources for health, including community health workers", - value: 11194867, - }, - ], - value: 11194867, - }, - }, - { - name: "TB care and prevention", - value: 10175434, - formattedValue: "10,175,434 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "TB care and prevention", - value: 10175434, - }, - ], - value: 10175434, - }, - }, - { - name: "Prevention", - value: 4087596, - formattedValue: "4,087,596 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Prevention", - value: 4087596, - }, - ], - value: 4087596, - }, - }, - { - name: "RSSH: Health management information systems and M&E", - value: 3937801, - formattedValue: "3,937,801 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Health management information systems and M&E", - value: 3937801, - }, - ], - value: 3937801, - }, - }, - { - name: "RSSH: Health products management systems", - value: 3593838, - formattedValue: "3,593,838 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Health products management systems", - value: 3593838, - }, - ], - value: 3593838, - }, - }, - { - name: "Treatment, care and support", - value: 2870422, - formattedValue: "2,870,422 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Treatment, care and support", - value: 2870422, - }, - ], - value: 2870422, - }, - }, - { - name: "Case management", - value: 2661975, - formattedValue: "2,661,975 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Case management", - value: 2661975, - }, - ], - value: 2661975, - }, - }, - { - name: "Vector control", - value: 2411796, - formattedValue: "2,411,796 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Vector control", - value: 2411796, - }, - ], - value: 2411796, - }, - }, - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 881168, - formattedValue: "881,168 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Integrated service delivery and quality improvement", - value: 881168, - }, - ], - value: 881168, - }, - }, - { - name: "COVID-19", - value: 751097, - formattedValue: "751,097 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "COVID-19", - value: 751097, - }, - ], - value: 751097, - }, - }, - { - name: "MDR-TB", - value: 657326, - formattedValue: "657,326 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "MDR-TB", - value: 657326, - }, - ], - value: 657326, - }, - }, - { - name: - "Comprehensive prevention programs for sex workers and their clients", - value: 489963, - formattedValue: "489,963 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: - "Comprehensive prevention programs for sex workers and their clients", - value: 489963, - }, - ], - value: 489963, - }, - }, - { - name: - "Prevention programs for adolescents and youth, in and out of school", - value: 484000, - formattedValue: "484,000 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: - "Prevention programs for adolescents and youth, in and out of school", - value: 484000, - }, - ], - value: 484000, - }, - }, - { - name: "RSSH: Community systems strengthening", - value: 451694, - formattedValue: "451,694 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Community systems strengthening", - value: 451694, - }, - ], - value: 451694, - }, - }, - { - name: "PMTCT", - value: 323024, - formattedValue: "323,024 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "PMTCT", - value: 323024, - }, - ], - value: 323024, - }, - }, - { - name: "RSSH: Financial management systems", - value: 278729, - formattedValue: "278,729 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Financial management systems", - value: 278729, - }, - ], - value: 278729, - }, - }, - { - name: "RSSH: Laboratory systems", - value: 178134, - formattedValue: "178,134 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Laboratory systems", - value: 178134, - }, - ], - value: 178134, - }, - }, - { - name: "Specific prevention interventions (SPI)", - value: 79002, - formattedValue: "79,002 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Specific prevention interventions (SPI)", - value: 79002, - }, - ], - value: 79002, - }, - }, - { - name: "Comprehensive prevention programs for MSM", - value: 60859, - formattedValue: "60,859 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Comprehensive prevention programs for MSM", - value: 60859, - }, - ], - value: 60859, - }, - }, - { - name: "RSSH: Health sector governance and planning", - value: 55148, - formattedValue: "55,148 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RSSH: Health sector governance and planning", - value: 55148, - }, - ], - value: 55148, - }, - }, - { - name: "Prevention programs for other vulnerable populations", - value: 7160, - formattedValue: "7,160 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Prevention programs for other vulnerable populations", - value: 7160, - }, - ], - value: 7160, - }, - }, - ], - tooltip: { - header: "Multicomponent", - value: 100068911, - componentsStats: [ - { - name: "Multicomponent", - value: 100068911, - }, - ], - }, - }, -]; diff --git a/src/app/components/Charts/Budgets/Treemap/index.tsx b/src/app/components/Charts/Budgets/Treemap/index.tsx index 435ed90a2..8854b59e8 100644 --- a/src/app/components/Charts/Budgets/Treemap/index.tsx +++ b/src/app/components/Charts/Budgets/Treemap/index.tsx @@ -1,18 +1,19 @@ /* third-party */ import React from "react"; +import { appColors } from "app/theme"; import CloseIcon from "@material-ui/icons/Close"; import IconButton from "@material-ui/core/IconButton"; import useMediaQuery from "@material-ui/core/useMediaQuery"; import { ResponsiveTreeMapHtml, TreeMapNodeDatum } from "@nivo/treemap"; /* project */ import { isTouchDevice } from "app/utils/isTouchDevice"; +import { BudgetsTreemapProps } from "app/components/Charts/Budgets/Treemap/data"; +import { TreemapTooltip } from "app/components/Charts/Budgets/Treemap/components/tooltip"; +import { TreeemapNode } from "app/components/Charts/Budgets/Treemap/components/treemapnode"; import { TooltipButton, XsContainer, } from "app/components/Charts/common/styles"; -import { BudgetsTreemapProps } from "app/components/Charts/Budgets/Treemap/data"; -import { TreemapTooltip } from "app/components/Charts/Budgets/Treemap/components/tooltip"; -import { TreeemapNode } from "app/components/Charts/Budgets/Treemap/components/treemapnode"; export function BudgetsTreemap(props: BudgetsTreemapProps) { const isMobile = useMediaQuery("(max-width: 767px)"); @@ -30,10 +31,10 @@ export function BudgetsTreemap(props: BudgetsTreemapProps) { > div { > div { > div:first-of-type { - background: #373d43; + background: ${appColors.TREEMAP.BACKGROUND_COLOR}; @media (max-width: 767px) { - background: #fff; + background: ${appColors.COMMON.WHITE}; } } } @@ -101,7 +102,8 @@ export function BudgetsTreemap(props: BudgetsTreemapProps) { borderRadius: 20, padding: "16px 25px", position: "relative", - backgroundColor: "#f5f5f7", + backgroundColor: + appColors.BUDGETS_FLOW.TOOLTIP_BACKGROUND_COLOR, display: isMobile ? "none" : "inherit", }, }, @@ -131,13 +133,14 @@ export function BudgetsTreemap(props: BudgetsTreemapProps) {
div { - background: #fff !important; + background: ${appColors.TREEMAP + .TOOLTIP_BACKGROUND_COLOR} !important; } `} > diff --git a/src/app/components/Charts/Eligibility/DotChart/data.ts b/src/app/components/Charts/Eligibility/DotChart/data.ts index 9768de983..e5aef7da1 100644 --- a/src/app/components/Charts/Eligibility/DotChart/data.ts +++ b/src/app/components/Charts/Eligibility/DotChart/data.ts @@ -13,3881 +13,3 @@ export interface DotChartModel { status: EligibilityType; }[]; } - -export const mockdata: DotChartModel[] = [ - { - name: "HIV", - items: [ - { - name: "Afghanistan", - status: "Eligible", - }, - { - name: "Albania", - status: "Not Eligible", - }, - { - name: "Algeria", - status: "Not Eligible", - }, - { - name: "Angola", - status: "Eligible", - }, - { - name: "Armenia", - status: "Transition Funding", - }, - { - name: "Azerbaijan", - status: "Eligible", - }, - { - name: "Bangladesh", - status: "Eligible", - }, - { - name: "Belarus", - status: "Eligible", - }, - { - name: "Belize", - status: "Eligible", - }, - { - name: "Benin", - status: "Eligible", - }, - { - name: "Bhutan", - status: "Eligible", - }, - { - name: "Bolivia (Plurinational State)", - status: "Eligible", - }, - { - name: "Botswana", - status: "Eligible", - }, - { - name: "Bulgaria", - status: "Not Eligible", - }, - { - name: "Burkina Faso", - status: "Eligible", - }, - { - name: "Burundi", - status: "Eligible", - }, - { - name: "Cabo Verde", - status: "Eligible", - }, - { - name: "Cambodia", - status: "Eligible", - }, - { - name: "Cameroon", - status: "Eligible", - }, - { - name: "Central African Republic", - status: "Eligible", - }, - { - name: "Chad", - status: "Eligible", - }, - { - name: "Colombia", - status: "Eligible", - }, - { - name: "Comoros", - status: "Eligible", - }, - { - name: "Congo", - status: "Eligible", - }, - { - name: "Congo (Democratic Republic)", - status: "Eligible", - }, - { - name: "Costa Rica", - status: "Eligible", - }, - { - name: "Cuba", - status: "Eligible", - }, - { - name: "Côte d'Ivoire", - status: "Eligible", - }, - { - name: "Djibouti", - status: "Eligible", - }, - { - name: "Dominica", - status: "Eligible", - }, - { - name: "Dominican Republic", - status: "Eligible", - }, - { - name: "Ecuador", - status: "Eligible", - }, - { - name: "Egypt", - status: "Eligible", - }, - { - name: "El Salvador", - status: "Eligible", - }, - { - name: "Equatorial Guinea", - status: "Eligible", - }, - { - name: "Eritrea", - status: "Eligible", - }, - { - name: "Eswatini", - status: "Eligible", - }, - { - name: "Ethiopia", - status: "Eligible", - }, - { - name: "Fiji", - status: "Not Eligible", - }, - { - name: "Gabon", - status: "Eligible", - }, - { - name: "Gambia", - status: "Eligible", - }, - { - name: "Georgia", - status: "Eligible", - }, - { - name: "Ghana", - status: "Eligible", - }, - { - name: "Grenada", - status: "Eligible", - }, - { - name: "Guatemala", - status: "Eligible", - }, - { - name: "Guinea", - status: "Eligible", - }, - { - name: "Guinea-Bissau", - status: "Eligible", - }, - { - name: "Guyana", - status: "Eligible", - }, - { - name: "Haiti", - status: "Eligible", - }, - { - name: "Honduras", - status: "Eligible", - }, - { - name: "India", - status: "Eligible", - }, - { - name: "Indonesia", - status: "Eligible", - }, - { - name: "Iran (Islamic Republic)", - status: "Eligible", - }, - { - name: "Iraq", - status: "Not Eligible", - }, - { - name: "Jamaica", - status: "Eligible", - }, - { - name: "Jordan", - status: "Not Eligible", - }, - { - name: "Kazakhstan", - status: "Eligible", - }, - { - name: "Kenya", - status: "Eligible", - }, - { - name: "Kiribati", - status: "Eligible", - }, - { - name: "Korea (Democratic Peoples Republic)", - status: "Eligible", - }, - { - name: "Kosovo", - status: "Transition Funding", - }, - { - name: "Kyrgyzstan", - status: "Eligible", - }, - { - name: "Lao (Peoples Democratic Republic)", - status: "Eligible", - }, - { - name: "Lebanon", - status: "Eligible", - }, - { - name: "Lesotho", - status: "Eligible", - }, - { - name: "Liberia", - status: "Eligible", - }, - { - name: "Madagascar", - status: "Eligible", - }, - { - name: "Malawi", - status: "Eligible", - }, - { - name: "Malaysia", - status: "Eligible", - }, - { - name: "Maldives", - status: "Eligible", - }, - { - name: "Mali", - status: "Eligible", - }, - { - name: "Marshall Islands", - status: "Eligible", - }, - { - name: "Mauritania", - status: "Eligible", - }, - { - name: "Mauritius", - status: "Eligible", - }, - { - name: "Micronesia (Federated States)", - status: "Eligible", - }, - { - name: "Moldova", - status: "Eligible", - }, - { - name: "Mongolia", - status: "Eligible", - }, - { - name: "Montenegro", - status: "Eligible", - }, - { - name: "Morocco", - status: "Eligible", - }, - { - name: "Mozambique", - status: "Eligible", - }, - { - name: "Myanmar", - status: "Eligible", - }, - { - name: "Namibia", - status: "Eligible", - }, - { - name: "Nauru", - status: "Not Eligible", - }, - { - name: "Nepal", - status: "Eligible", - }, - { - name: "Nicaragua", - status: "Eligible", - }, - { - name: "Niger", - status: "Eligible", - }, - { - name: "Nigeria", - status: "Eligible", - }, - { - name: "North Macedonia", - status: "Eligible", - }, - { - name: "Pakistan", - status: "Eligible", - }, - { - name: "Palau", - status: "Not Eligible", - }, - { - name: "Palestine", - status: "Eligible", - }, - { - name: "Panama", - status: "Not Eligible", - }, - { - name: "Papua New Guinea", - status: "Eligible", - }, - { - name: "Paraguay", - status: "Eligible", - }, - { - name: "Peru", - status: "Eligible", - }, - { - name: "Philippines", - status: "Eligible", - }, - { - name: "Romania", - status: "Not Eligible", - }, - { - name: "Russian Federation", - status: "Eligible", - }, - { - name: "Rwanda", - status: "Eligible", - }, - { - name: "Saint Lucia", - status: "Eligible", - }, - { - name: "Saint Vincent and Grenadines", - status: "Eligible", - }, - { - name: "Samoa", - status: "Eligible", - }, - { - name: "Sao Tome and Principe", - status: "Eligible", - }, - { - name: "Senegal", - status: "Eligible", - }, - { - name: "Serbia", - status: "Eligible", - }, - { - name: "Sierra Leone", - status: "Eligible", - }, - { - name: "Solomon Islands", - status: "Eligible", - }, - { - name: "Somalia", - status: "Eligible", - }, - { - name: "South Africa", - status: "Eligible", - }, - { - name: "South Sudan", - status: "Eligible", - }, - { - name: "Sri Lanka", - status: "Eligible", - }, - { - name: "Sudan", - status: "Eligible", - }, - { - name: "Suriname", - status: "Eligible", - }, - { - name: "Syrian Arab Republic", - status: "Eligible", - }, - { - name: "Tajikistan", - status: "Eligible", - }, - { - name: "Tanzania (United Republic)", - status: "Eligible", - }, - { - name: "Thailand", - status: "Eligible", - }, - { - name: "Timor-Leste", - status: "Eligible", - }, - { - name: "Togo", - status: "Eligible", - }, - { - name: "Tonga", - status: "Eligible", - }, - { - name: "Tunisia", - status: "Eligible", - }, - { - name: "Turkmenistan", - status: "Not Eligible", - }, - { - name: "Tuvalu", - status: "Eligible", - }, - { - name: "Uganda", - status: "Eligible", - }, - { - name: "Ukraine", - status: "Eligible", - }, - { - name: "Uzbekistan", - status: "Eligible", - }, - { - name: "Vanuatu", - status: "Eligible", - }, - { - name: "Venezuela", - status: "Not Eligible", - }, - { - name: "Viet Nam", - status: "Eligible", - }, - { - name: "Yemen", - status: "Eligible", - }, - { - name: "Zambia", - status: "Eligible", - }, - { - name: "Zanzibar", - status: "Eligible", - }, - { - name: "Zimbabwe", - status: "Eligible", - }, - ], - }, - { - name: "Malaria", - items: [ - { - name: "Afghanistan", - status: "Eligible", - }, - { - name: "Albania", - status: "Not Eligible", - }, - { - name: "Algeria", - status: "Not Eligible", - }, - { - name: "Angola", - status: "Eligible", - }, - { - name: "Armenia", - status: "Not Eligible", - }, - { - name: "Azerbaijan", - status: "Not Eligible", - }, - { - name: "Bangladesh", - status: "Eligible", - }, - { - name: "Belarus", - status: "Not Eligible", - }, - { - name: "Belize", - status: "Not Eligible", - }, - { - name: "Benin", - status: "Eligible", - }, - { - name: "Bhutan", - status: "Eligible", - }, - { - name: "Bolivia (Plurinational State)", - status: "Eligible", - }, - { - name: "Botswana", - status: "Not Eligible", - }, - { - name: "Bulgaria", - status: "Not Eligible", - }, - { - name: "Burkina Faso", - status: "Eligible", - }, - { - name: "Burundi", - status: "Eligible", - }, - { - name: "Cabo Verde", - status: "Eligible", - }, - { - name: "Cambodia", - status: "Eligible", - }, - { - name: "Cameroon", - status: "Eligible", - }, - { - name: "Central African Republic", - status: "Eligible", - }, - { - name: "Chad", - status: "Eligible", - }, - { - name: "Colombia", - status: "Not Eligible", - }, - { - name: "Comoros", - status: "Eligible", - }, - { - name: "Congo", - status: "Eligible", - }, - { - name: "Congo (Democratic Republic)", - status: "Eligible", - }, - { - name: "Costa Rica", - status: "Not Eligible", - }, - { - name: "Cuba", - status: "Not Eligible", - }, - { - name: "Côte d'Ivoire", - status: "Eligible", - }, - { - name: "Djibouti", - status: "Eligible", - }, - { - name: "Dominica", - status: "Not Eligible", - }, - { - name: "Dominican Republic", - status: "Not Eligible", - }, - { - name: "Ecuador", - status: "Eligible", - }, - { - name: "Egypt", - status: "Not Eligible", - }, - { - name: "El Salvador", - status: "Eligible", - }, - { - name: "Equatorial Guinea", - status: "Eligible", - }, - { - name: "Eritrea", - status: "Eligible", - }, - { - name: "Eswatini", - status: "Eligible", - }, - { - name: "Ethiopia", - status: "Eligible", - }, - { - name: "Fiji", - status: "Not Eligible", - }, - { - name: "Gabon", - status: "Eligible", - }, - { - name: "Gambia", - status: "Eligible", - }, - { - name: "Georgia", - status: "Not Eligible", - }, - { - name: "Ghana", - status: "Eligible", - }, - { - name: "Grenada", - status: "Not Eligible", - }, - { - name: "Guatemala", - status: "Transition Funding", - }, - { - name: "Guinea", - status: "Eligible", - }, - { - name: "Guinea-Bissau", - status: "Eligible", - }, - { - name: "Guyana", - status: "Transition Funding", - }, - { - name: "Haiti", - status: "Eligible", - }, - { - name: "Honduras", - status: "Eligible", - }, - { - name: "India", - status: "Eligible", - }, - { - name: "Indonesia", - status: "Eligible", - }, - { - name: "Iran (Islamic Republic)", - status: "Not Eligible", - }, - { - name: "Iraq", - status: "Not Eligible", - }, - { - name: "Jamaica", - status: "Not Eligible", - }, - { - name: "Jordan", - status: "Not Eligible", - }, - { - name: "Kazakhstan", - status: "Not Eligible", - }, - { - name: "Kenya", - status: "Eligible", - }, - { - name: "Kiribati", - status: "Not Eligible", - }, - { - name: "Korea (Democratic Peoples Republic)", - status: "Eligible", - }, - { - name: "Kosovo", - status: "Not Eligible", - }, - { - name: "Kyrgyzstan", - status: "Not Eligible", - }, - { - name: "Lao (Peoples Democratic Republic)", - status: "Eligible", - }, - { - name: "Lebanon", - status: "Not Eligible", - }, - { - name: "Lesotho", - status: "Not Eligible", - }, - { - name: "Liberia", - status: "Eligible", - }, - { - name: "Madagascar", - status: "Eligible", - }, - { - name: "Malawi", - status: "Eligible", - }, - { - name: "Malaysia", - status: "Not Eligible", - }, - { - name: "Maldives", - status: "Not Eligible", - }, - { - name: "Mali", - status: "Eligible", - }, - { - name: "Marshall Islands", - status: "Not Eligible", - }, - { - name: "Mauritania", - status: "Eligible", - }, - { - name: "Mauritius", - status: "Not Eligible", - }, - { - name: "Micronesia (Federated States)", - status: "Not Eligible", - }, - { - name: "Moldova", - status: "Not Eligible", - }, - { - name: "Mongolia", - status: "Not Eligible", - }, - { - name: "Montenegro", - status: "Not Eligible", - }, - { - name: "Morocco", - status: "Not Eligible", - }, - { - name: "Mozambique", - status: "Eligible", - }, - { - name: "Myanmar", - status: "Eligible", - }, - { - name: "Namibia", - status: "Eligible", - }, - { - name: "Nauru", - status: "Not Eligible", - }, - { - name: "Nepal", - status: "Eligible", - }, - { - name: "Nicaragua", - status: "Eligible", - }, - { - name: "Niger", - status: "Eligible", - }, - { - name: "Nigeria", - status: "Eligible", - }, - { - name: "North Macedonia", - status: "Not Eligible", - }, - { - name: "Pakistan", - status: "Eligible", - }, - { - name: "Palau", - status: "Not Eligible", - }, - { - name: "Palestine", - status: "Not Eligible", - }, - { - name: "Panama", - status: "Not Eligible", - }, - { - name: "Papua New Guinea", - status: "Eligible", - }, - { - name: "Paraguay", - status: "Not Eligible", - }, - { - name: "Peru", - status: "Not Eligible", - }, - { - name: "Philippines", - status: "Eligible", - }, - { - name: "Romania", - status: "Not Eligible", - }, - { - name: "Russian Federation", - status: "Not Eligible", - }, - { - name: "Rwanda", - status: "Eligible", - }, - { - name: "Saint Lucia", - status: "Not Eligible", - }, - { - name: "Saint Vincent and Grenadines", - status: "Not Eligible", - }, - { - name: "Samoa", - status: "Not Eligible", - }, - { - name: "Sao Tome and Principe", - status: "Eligible", - }, - { - name: "Senegal", - status: "Eligible", - }, - { - name: "Serbia", - status: "Not Eligible", - }, - { - name: "Sierra Leone", - status: "Eligible", - }, - { - name: "Solomon Islands", - status: "Eligible", - }, - { - name: "Somalia", - status: "Eligible", - }, - { - name: "South Africa", - status: "Not Eligible", - }, - { - name: "South Sudan", - status: "Eligible", - }, - { - name: "Sri Lanka", - status: "Not Eligible", - }, - { - name: "Sudan", - status: "Eligible", - }, - { - name: "Suriname", - status: "Eligible", - }, - { - name: "Syrian Arab Republic", - status: "Not Eligible", - }, - { - name: "Tajikistan", - status: "Not Eligible", - }, - { - name: "Tanzania (United Republic)", - status: "Eligible", - }, - { - name: "Thailand", - status: "Eligible", - }, - { - name: "Timor-Leste", - status: "Eligible", - }, - { - name: "Togo", - status: "Eligible", - }, - { - name: "Tonga", - status: "Not Eligible", - }, - { - name: "Tunisia", - status: "Not Eligible", - }, - { - name: "Turkmenistan", - status: "Not Eligible", - }, - { - name: "Tuvalu", - status: "Not Eligible", - }, - { - name: "Uganda", - status: "Eligible", - }, - { - name: "Ukraine", - status: "Not Eligible", - }, - { - name: "Uzbekistan", - status: "Not Eligible", - }, - { - name: "Vanuatu", - status: "Eligible", - }, - { - name: "Venezuela", - status: "Eligible", - }, - { - name: "Viet Nam", - status: "Eligible", - }, - { - name: "Yemen", - status: "Eligible", - }, - { - name: "Zambia", - status: "Eligible", - }, - { - name: "Zanzibar", - status: "Eligible", - }, - { - name: "Zimbabwe", - status: "Eligible", - }, - ], - }, - { - name: "Tuberculosis", - items: [ - { - name: "Afghanistan", - status: "Eligible", - }, - { - name: "Albania", - status: "Not Eligible", - }, - { - name: "Algeria", - status: "Eligible", - }, - { - name: "Angola", - status: "Eligible", - }, - { - name: "Armenia", - status: "Eligible", - }, - { - name: "Azerbaijan", - status: "Eligible", - }, - { - name: "Bangladesh", - status: "Eligible", - }, - { - name: "Belarus", - status: "Eligible", - }, - { - name: "Belize", - status: "Not Eligible", - }, - { - name: "Benin", - status: "Eligible", - }, - { - name: "Bhutan", - status: "Eligible", - }, - { - name: "Bolivia (Plurinational State)", - status: "Eligible", - }, - { - name: "Botswana", - status: "Eligible", - }, - { - name: "Bulgaria", - status: "Not Eligible", - }, - { - name: "Burkina Faso", - status: "Eligible", - }, - { - name: "Burundi", - status: "Eligible", - }, - { - name: "Cabo Verde", - status: "Eligible", - }, - { - name: "Cambodia", - status: "Eligible", - }, - { - name: "Cameroon", - status: "Eligible", - }, - { - name: "Central African Republic", - status: "Eligible", - }, - { - name: "Chad", - status: "Eligible", - }, - { - name: "Colombia", - status: "Not Eligible", - }, - { - name: "Comoros", - status: "Eligible", - }, - { - name: "Congo", - status: "Eligible", - }, - { - name: "Congo (Democratic Republic)", - status: "Eligible", - }, - { - name: "Costa Rica", - status: "Not Eligible", - }, - { - name: "Cuba", - status: "Not Eligible", - }, - { - name: "Côte d'Ivoire", - status: "Eligible", - }, - { - name: "Djibouti", - status: "Eligible", - }, - { - name: "Dominica", - status: "Eligible", - }, - { - name: "Dominican Republic", - status: "Not Eligible", - }, - { - name: "Ecuador", - status: "Not Eligible", - }, - { - name: "Egypt", - status: "Eligible", - }, - { - name: "El Salvador", - status: "Eligible", - }, - { - name: "Equatorial Guinea", - status: "Eligible", - }, - { - name: "Eritrea", - status: "Eligible", - }, - { - name: "Eswatini", - status: "Eligible", - }, - { - name: "Ethiopia", - status: "Eligible", - }, - { - name: "Fiji", - status: "Not Eligible", - }, - { - name: "Gabon", - status: "Eligible", - }, - { - name: "Gambia", - status: "Eligible", - }, - { - name: "Georgia", - status: "Eligible", - }, - { - name: "Ghana", - status: "Eligible", - }, - { - name: "Grenada", - status: "Eligible", - }, - { - name: "Guatemala", - status: "Transition Funding", - }, - { - name: "Guinea", - status: "Eligible", - }, - { - name: "Guinea-Bissau", - status: "Eligible", - }, - { - name: "Guyana", - status: "Eligible", - }, - { - name: "Haiti", - status: "Eligible", - }, - { - name: "Honduras", - status: "Eligible", - }, - { - name: "India", - status: "Eligible", - }, - { - name: "Indonesia", - status: "Eligible", - }, - { - name: "Iran (Islamic Republic)", - status: "Not Eligible", - }, - { - name: "Iraq", - status: "Eligible", - }, - { - name: "Jamaica", - status: "Not Eligible", - }, - { - name: "Jordan", - status: "Eligible", - }, - { - name: "Kazakhstan", - status: "Eligible", - }, - { - name: "Kenya", - status: "Eligible", - }, - { - name: "Kiribati", - status: "Eligible", - }, - { - name: "Korea (Democratic Peoples Republic)", - status: "Eligible", - }, - { - name: "Kosovo", - status: "Transition Funding", - }, - { - name: "Kyrgyzstan", - status: "Eligible", - }, - { - name: "Lao (Peoples Democratic Republic)", - status: "Eligible", - }, - { - name: "Lebanon", - status: "Not Eligible", - }, - { - name: "Lesotho", - status: "Eligible", - }, - { - name: "Liberia", - status: "Eligible", - }, - { - name: "Madagascar", - status: "Eligible", - }, - { - name: "Malawi", - status: "Eligible", - }, - { - name: "Malaysia", - status: "Eligible", - }, - { - name: "Maldives", - status: "Eligible", - }, - { - name: "Mali", - status: "Eligible", - }, - { - name: "Marshall Islands", - status: "Eligible", - }, - { - name: "Mauritania", - status: "Eligible", - }, - { - name: "Mauritius", - status: "Not Eligible", - }, - { - name: "Micronesia (Federated States)", - status: "Eligible", - }, - { - name: "Moldova", - status: "Eligible", - }, - { - name: "Mongolia", - status: "Eligible", - }, - { - name: "Montenegro", - status: "Not Eligible", - }, - { - name: "Morocco", - status: "Eligible", - }, - { - name: "Mozambique", - status: "Eligible", - }, - { - name: "Myanmar", - status: "Eligible", - }, - { - name: "Namibia", - status: "Eligible", - }, - { - name: "Nauru", - status: "Eligible", - }, - { - name: "Nepal", - status: "Eligible", - }, - { - name: "Nicaragua", - status: "Eligible", - }, - { - name: "Niger", - status: "Eligible", - }, - { - name: "Nigeria", - status: "Eligible", - }, - { - name: "North Macedonia", - status: "Not Eligible", - }, - { - name: "Pakistan", - status: "Eligible", - }, - { - name: "Palau", - status: "Not Eligible", - }, - { - name: "Palestine", - status: "Eligible", - }, - { - name: "Panama", - status: "Not Eligible", - }, - { - name: "Papua New Guinea", - status: "Eligible", - }, - { - name: "Paraguay", - status: "Not Eligible", - }, - { - name: "Peru", - status: "Eligible", - }, - { - name: "Philippines", - status: "Eligible", - }, - { - name: "Romania", - status: "Eligible", - }, - { - name: "Russian Federation", - status: "Not Eligible", - }, - { - name: "Rwanda", - status: "Eligible", - }, - { - name: "Saint Lucia", - status: "Eligible", - }, - { - name: "Saint Vincent and Grenadines", - status: "Eligible", - }, - { - name: "Samoa", - status: "Eligible", - }, - { - name: "Sao Tome and Principe", - status: "Eligible", - }, - { - name: "Senegal", - status: "Eligible", - }, - { - name: "Serbia", - status: "Not Eligible", - }, - { - name: "Sierra Leone", - status: "Eligible", - }, - { - name: "Solomon Islands", - status: "Eligible", - }, - { - name: "Somalia", - status: "Eligible", - }, - { - name: "South Africa", - status: "Eligible", - }, - { - name: "South Sudan", - status: "Eligible", - }, - { - name: "Sri Lanka", - status: "Eligible", - }, - { - name: "Sudan", - status: "Eligible", - }, - { - name: "Suriname", - status: "Eligible", - }, - { - name: "Syrian Arab Republic", - status: "Eligible", - }, - { - name: "Tajikistan", - status: "Eligible", - }, - { - name: "Tanzania (United Republic)", - status: "Eligible", - }, - { - name: "Thailand", - status: "Eligible", - }, - { - name: "Timor-Leste", - status: "Eligible", - }, - { - name: "Togo", - status: "Eligible", - }, - { - name: "Tonga", - status: "Eligible", - }, - { - name: "Tunisia", - status: "Eligible", - }, - { - name: "Turkmenistan", - status: "Eligible", - }, - { - name: "Tuvalu", - status: "Eligible", - }, - { - name: "Uganda", - status: "Eligible", - }, - { - name: "Ukraine", - status: "Eligible", - }, - { - name: "Uzbekistan", - status: "Eligible", - }, - { - name: "Vanuatu", - status: "Eligible", - }, - { - name: "Venezuela", - status: "Not Eligible", - }, - { - name: "Viet Nam", - status: "Eligible", - }, - { - name: "Yemen", - status: "Eligible", - }, - { - name: "Zambia", - status: "Eligible", - }, - { - name: "Zanzibar", - status: "Eligible", - }, - { - name: "Zimbabwe", - status: "Eligible", - }, - ], - }, -]; - -export const mockdata2: DotChartModel[] = [ - { - name: "Afghanistan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Albania", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Algeria", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Angola", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Armenia", - items: [ - { - name: "HIV", - status: "Transition Funding", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Azerbaijan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Bangladesh", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Belarus", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Belize", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Benin", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Bhutan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Bolivia (Plurinational State)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Botswana", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Bulgaria", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Burkina Faso", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Burundi", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Cabo Verde", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Cambodia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Cameroon", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Central African Republic", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Chad", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Colombia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Comoros", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Congo", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Congo (Democratic Republic)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Costa Rica", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Cuba", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Côte d'Ivoire", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Djibouti", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Dominica", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Dominican Republic", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Ecuador", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Egypt", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "El Salvador", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Equatorial Guinea", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Eritrea", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Eswatini", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Ethiopia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Fiji", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Gabon", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Gambia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Georgia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Ghana", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Grenada", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Guatemala", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Transition Funding", - }, - { - name: "Tuberculosis", - status: "Transition Funding", - }, - ], - }, - { - name: "Guinea", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Guinea-Bissau", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Guyana", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Transition Funding", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Haiti", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Honduras", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "India", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Indonesia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Iran (Islamic Republic)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Iraq", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Jamaica", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Jordan", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Kazakhstan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Kenya", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Kiribati", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Korea (Democratic Peoples Republic)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Kosovo", - items: [ - { - name: "HIV", - status: "Transition Funding", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Transition Funding", - }, - ], - }, - { - name: "Kyrgyzstan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Lao (Peoples Democratic Republic)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Lebanon", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Lesotho", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Liberia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Madagascar", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Malawi", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Malaysia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Maldives", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Mali", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Marshall Islands", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Mauritania", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Mauritius", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Micronesia (Federated States)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Moldova", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Mongolia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Montenegro", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Morocco", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Mozambique", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Myanmar", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Namibia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Nauru", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Nepal", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Nicaragua", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Niger", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Nigeria", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "North Macedonia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Pakistan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Palau", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Palestine", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Panama", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Papua New Guinea", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Paraguay", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Peru", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Philippines", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Romania", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Russian Federation", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Rwanda", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Saint Lucia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Saint Vincent and Grenadines", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Samoa", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Sao Tome and Principe", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Senegal", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Serbia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Sierra Leone", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Solomon Islands", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Somalia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "South Africa", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "South Sudan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Sri Lanka", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Sudan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Suriname", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Syrian Arab Republic", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Tajikistan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Tanzania (United Republic)", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Thailand", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Timor-Leste", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Togo", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Tonga", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Tunisia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Turkmenistan", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Tuvalu", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Uganda", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Ukraine", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Uzbekistan", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Not Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Vanuatu", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Venezuela", - items: [ - { - name: "HIV", - status: "Not Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Not Eligible", - }, - ], - }, - { - name: "Viet Nam", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Yemen", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Zambia", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Zanzibar", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, - { - name: "Zimbabwe", - items: [ - { - name: "HIV", - status: "Eligible", - }, - { - name: "Malaria", - status: "Eligible", - }, - { - name: "Tuberculosis", - status: "Eligible", - }, - ], - }, -]; diff --git a/src/app/components/Charts/Eligibility/DotChart/index.tsx b/src/app/components/Charts/Eligibility/DotChart/index.tsx index aab21151a..de90e81e2 100644 --- a/src/app/components/Charts/Eligibility/DotChart/index.tsx +++ b/src/app/components/Charts/Eligibility/DotChart/index.tsx @@ -1,5 +1,6 @@ import React from "react"; import get from "lodash/get"; +import { appColors } from "app/theme"; import Grid from "@material-ui/core/Grid"; import { css } from "styled-components/macro"; import { InfoIcon } from "app/assets/icons/Info"; @@ -16,16 +17,16 @@ import { const styles = { Eligible: css` - background: #11ad6b; - border: 1px solid #1b2127; + background: ${appColors.GRAPH_COLORS.GRAPH_COLOR_23}; + border: 1px solid ${appColors.COMMON.PRIMARY_COLOR_1}; `, "Not Eligible": css` - background: #fa7355; - border: 1px dotted #1b2127; + background: ${appColors.GRAPH_COLORS.GRAPH_COLOR_15}; + border: 1px dotted ${appColors.COMMON.PRIMARY_COLOR_1}; `, "Transition Funding": css` - background: #ffd646; - border: 1px dashed #1b2127; + background: ${appColors.GRAPH_COLORS.GRAPH_COLOR_18}; + border: 1px dashed ${appColors.COMMON.PRIMARY_COLOR_1}; `, }; @@ -45,18 +46,18 @@ export function DotChart(props: DotChartProps) {
@@ -484,7 +485,8 @@ export function DotChart(props: DotChartProps) { flex-wrap: wrap; column-gap: 12px; padding-left: 20px; - border-left: 1px solid #acafbc; + border-left: 1px solid + ${appColors.ELIGIBILITY.DOT_CHART_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and @@ -562,7 +564,8 @@ export function DotChart(props: DotChartProps) { display: flex; flex-wrap: wrap; padding: 5px 0 5px 5px; - border-left: 1px solid #acafbc; + border-left: 1px solid + ${appColors.ELIGIBILITY.DOT_CHART_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and diff --git a/src/app/components/Charts/Eligibility/Scatterplot/components/legends/index.tsx b/src/app/components/Charts/Eligibility/Scatterplot/components/legends/index.tsx index 35d387924..eb64fadf9 100644 --- a/src/app/components/Charts/Eligibility/Scatterplot/components/legends/index.tsx +++ b/src/app/components/Charts/Eligibility/Scatterplot/components/legends/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; import { css } from "styled-components/macro"; import { backCircleRadius } from "app/components/Charts/Eligibility/Scatterplot/components/node"; import { @@ -21,16 +22,16 @@ interface Props { const styles = { Eligible: css` - background: #11ad6b; - border: 1px solid #1b2127; + background: ${appColors.GRAPH_COLORS.GRAPH_COLOR_23}; + border: 1px solid ${appColors.COMMON.PRIMARY_COLOR_1}; `, "Not Eligible": css` - background: #fa7355; - border: 1px dotted #1b2127; + background: ${appColors.GRAPH_COLORS.GRAPH_COLOR_15}; + border: 1px dotted ${appColors.COMMON.PRIMARY_COLOR_1}; `, "Transition Funding": css` - background: #ffd646; - border: 1px dashed #1b2127; + background: ${appColors.GRAPH_COLORS.GRAPH_COLOR_18}; + border: 1px dashed ${appColors.COMMON.PRIMARY_COLOR_1}; `, }; @@ -209,7 +210,7 @@ export function ScatterplotLegends(props: Props) { bottom: 0; position: absolute; border-radius: 50%; - border: 1px solid #262c34; + border: 1px solid ${appColors.COMMON.PRIMARY_COLOR_1}; &:nth-of-type(1) { width: ${backCircleRadius[6]}px; @@ -228,7 +229,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -15px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } &:nth-of-type(2) { @@ -248,7 +249,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -22px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } &:nth-of-type(3) { @@ -268,7 +269,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -29px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } &:nth-of-type(4) { @@ -288,7 +289,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -37px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } &:nth-of-type(5) { @@ -308,7 +309,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -44px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } &:nth-of-type(6) { @@ -328,7 +329,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -52px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } &:nth-of-type(7) { @@ -348,7 +349,7 @@ export function ScatterplotLegends(props: Props) { opacity: 0.2; right: -59px; position: absolute; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } } @@ -418,8 +419,8 @@ export function ScatterplotLegends(props: Props) { width: calc(100% / 6); &:nth-of-type(1) { - background: #262c34; - border: 0.5px solid #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; + border: 0.5px solid ${appColors.COMMON.PRIMARY_COLOR_1}; border-radius: 20px 0 0 20px; &:after { @@ -434,8 +435,8 @@ export function ScatterplotLegends(props: Props) { } } &:nth-of-type(2) { - background: #70777e; - border: 0.5px solid #262c34; + background: ${appColors.COMMON.SECONDARY_COLOR_2}; + border: 0.5px solid ${appColors.COMMON.PRIMARY_COLOR_1}; &:after { bottom: -45px; @@ -449,23 +450,23 @@ export function ScatterplotLegends(props: Props) { } } &:nth-of-type(3) { - background: #98a1aa; - border: 0.5px solid #262C34; + background: ${appColors.COMMON.SECONDARY_COLOR_4}; + border: 0.5px solid ${appColors.COMMON.PRIMARY_COLOR_1}; } &:nth-of-type(4) { - background: #c7cdd1; - border: 0.5px solid #868e96; + background: ${appColors.COMMON.SECONDARY_COLOR_11}; + border: 0.5px solid ${appColors.COMMON.SECONDARY_COLOR_3}; } &:nth-of-type(5) { - background: #dfe3e6; - border: 0.5px solid #adb5bd; + background: ${appColors.COMMON.SECONDARY_COLOR_7}; + border: 0.5px solid ${appColors.COMMON.SECONDARY_COLOR_5}; } &:nth-of-type(6) { - background: #f5f5f7; - border: 0.5px solid #dfe3e6; + background: ${appColors.COMMON.SECONDARY_COLOR_10}; + border: 0.5px solid ${appColors.COMMON.SECONDARY_COLOR_7}; } &:nth-of-type(7) { - border: 0.5px solid #dfe3e6; + border: 0.5px solid ${appColors.COMMON.SECONDARY_COLOR_7}; border-radius: 0 20px 20px 0; &:after { diff --git a/src/app/components/Charts/Eligibility/Scatterplot/components/node/index.tsx b/src/app/components/Charts/Eligibility/Scatterplot/components/node/index.tsx index 43ed3d0d7..e592f7a25 100644 --- a/src/app/components/Charts/Eligibility/Scatterplot/components/node/index.tsx +++ b/src/app/components/Charts/Eligibility/Scatterplot/components/node/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; import useMousePosition from "app/hooks/useMousePosition"; import { diseaseBurdens, @@ -31,29 +32,19 @@ const nodeBorderStyle = { }; const nodeColor = { - Eligible: "#11AD6B", - "Not Eligible": "#FA7355", - "Transition Funding": "#FFD646", + Eligible: appColors.ELIGIBILITY.ELIGIBLE_COLOR, + "Not Eligible": appColors.ELIGIBILITY.NOT_ELIGIBLE_COLOR, + "Transition Funding": appColors.ELIGIBILITY.TRANSITION_FUNDING_COLOR, }; const nodeBorder = { - Eligible: "#1B2127", - "Not Eligible": "#1B2127", - "Transition Funding": "#1B2127", + Eligible: appColors.ELIGIBILITY.ITEM_BORDER_COLOR, + "Not Eligible": appColors.ELIGIBILITY.ITEM_BORDER_COLOR, + "Transition Funding": appColors.ELIGIBILITY.ITEM_BORDER_COLOR, }; export const backCircleRadius = [23, 38, 53, 68, 83, 97, 112]; -// const backCircleColor = [ -// "transparent", -// "#70777E", -// "#98A1AA", -// "#C7CDD1", -// "#DFE3E6", -// "#F5F5F7", -// "#FFFFFF", -// ]; - export function ScatterplotNode(props: ScatterplotNodeProps) { const { x, y } = useMousePosition(); @@ -80,7 +71,7 @@ export function ScatterplotNode(props: ScatterplotNodeProps) { > {props.showExtraData && ( diff --git a/src/app/components/Charts/Eligibility/Scatterplot/data.ts b/src/app/components/Charts/Eligibility/Scatterplot/data.ts index 2b08ad16f..402a17dc5 100644 --- a/src/app/components/Charts/Eligibility/Scatterplot/data.ts +++ b/src/app/components/Charts/Eligibility/Scatterplot/data.ts @@ -1,3 +1,4 @@ +import { appColors } from "app/theme"; import { Serie } from "@nivo/scatterplot"; export interface ScatterPlotProps { @@ -29,487 +30,6 @@ export interface EligibilityScatterplotHoveredNode xPosition: number; } -export const mockdata: EligibilityScatterplotDataModel[] = [ - { - id: " ", - data: [ - { - x: 2002, - diseaseBurden: 0, - incomeLevel: 0, - eligibility: "Not Eligible", - y: " ", - }, - ], - }, - { - id: "HIV", - data: [ - { - y: "HIV", - x: 2003, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2004, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2005, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2006, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2007, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2008, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2009, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2010, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "HIV", - x: 2011, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "HIV", - x: 2012, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "HIV", - x: 2013, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "HIV", - x: 2014, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "HIV", - x: 2015, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "HIV", - x: 2016, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "HIV", - x: 2017, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "HIV", - x: 2018, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "HIV", - x: 2019, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 3, - }, - { - y: "HIV", - x: 2020, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 3, - }, - { - y: "HIV", - x: 2021, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 3, - }, - ], - }, - { - id: "Malaria", - data: [ - { - y: "Malaria", - x: 2003, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2004, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2005, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2006, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2007, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2008, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2009, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2010, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Malaria", - x: 2011, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2012, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2013, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2014, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2015, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2016, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2017, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2018, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 2, - }, - { - y: "Malaria", - x: 2019, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "Malaria", - x: 2020, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "Malaria", - x: 2021, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - ], - }, - { - id: "RSSH", - data: [ - { - y: "RSSH", - x: 2011, - eligibility: "Not Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "RSSH", - x: 2013, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "RSSH", - x: 2014, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "RSSH", - x: 2015, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "RSSH", - x: 2016, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - ], - }, - { - id: "Tuberculosis", - data: [ - { - y: "Tuberculosis", - x: 2003, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2004, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2005, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2006, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2007, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2008, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2009, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2010, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 0, - }, - { - y: "Tuberculosis", - x: 2011, - eligibility: "Not Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2012, - eligibility: "Not Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2013, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2014, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2015, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2016, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2017, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2018, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 5, - }, - { - y: "Tuberculosis", - x: 2019, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "Tuberculosis", - x: 2020, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - { - y: "Tuberculosis", - x: 2021, - eligibility: "Eligible", - incomeLevel: 1, - diseaseBurden: 4, - }, - ], - }, - { - id: "", - data: [ - { - x: 2002, - diseaseBurden: 0, - incomeLevel: 0, - eligibility: "Not Eligible", - y: "", - }, - ], - }, -]; - export type DiseaseBurdenType = | "Extreme" | "Severe" @@ -550,11 +70,11 @@ export const incomeLevels: IncomeLevelType[] = [ ]; export const incomeLevelColors = [ - "#262C34", - "#70777E", - "#98A1AA", - "#C7CDD1", - "#DFE3E6", - "#F5F5F7", - "#FFFFFF", + appColors.COMMON.PRIMARY_COLOR_1, + appColors.COMMON.SECONDARY_COLOR_2, + appColors.COMMON.SECONDARY_COLOR_4, + appColors.COMMON.SECONDARY_COLOR_11, + appColors.COMMON.SECONDARY_COLOR_7, + appColors.COMMON.SECONDARY_COLOR_10, + appColors.COMMON.WHITE, ]; diff --git a/src/app/components/Charts/Eligibility/Scatterplot/index.tsx b/src/app/components/Charts/Eligibility/Scatterplot/index.tsx index a9c5eaf0b..cc380203f 100644 --- a/src/app/components/Charts/Eligibility/Scatterplot/index.tsx +++ b/src/app/components/Charts/Eligibility/Scatterplot/index.tsx @@ -3,6 +3,7 @@ import get from "lodash/get"; import minBy from "lodash/minBy"; import maxBy from "lodash/maxBy"; import filter from "lodash/filter"; +import { appColors } from "app/theme"; import Grid from "@material-ui/core/Grid"; import CloseIcon from "@material-ui/icons/Close"; import { useCMSData } from "app/hooks/useCMSData"; @@ -109,9 +110,9 @@ export function ScatterPlot(props: ScatterPlotProps) { css={` z-index: 100; padding: 12px; - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; position: absolute; - background: #f5f5f7; + background: ${appColors.COMMON.SECONDARY_COLOR_10}; border-radius: 20px; top: ${hoveredNode.yPosition + 12}px; left: ${hoveredNode.xPosition + 12}px; @@ -120,7 +121,7 @@ export function ScatterPlot(props: ScatterPlotProps) { @media (max-width: 767px) { top: 40vh; left: 16px; - background: #fff; + background: ${appColors.COMMON.WHITE}; width: calc(100vw - 32px); box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); } @@ -136,7 +137,7 @@ export function ScatterPlot(props: ScatterPlotProps) { font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; path { - fill: #2e4063; + fill: ${appColors.COMMON.PRIMARY_COLOR_1}; } `} > @@ -257,13 +258,13 @@ export function ScatterPlot(props: ScatterPlotProps) { &::-webkit-scrollbar { height: 5px; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } &::-webkit-scrollbar-track { - background: #dfe3e6; + background: ${appColors.COMMON.SECONDARY_COLOR_7}; } &::-webkit-scrollbar-thumb { - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } `} > @@ -343,14 +344,14 @@ export function ScatterPlot(props: ScatterPlotProps) { ticks: { text: { fontSize: 12, - fill: "#262C34", + fill: appColors.ELIGIBILITY.AXIS_TEXT_COLOR, fontWeight: "bold", }, }, }, grid: { line: { - fill: "#ADB5BD", + fill: appColors.ELIGIBILITY.AXIS_GRID_COLOR, }, }, }} diff --git a/src/app/components/Charts/GeoMap/components/controls/index.tsx b/src/app/components/Charts/GeoMap/components/controls/index.tsx index 6c5059a41..b2bfc2f76 100644 --- a/src/app/components/Charts/GeoMap/components/controls/index.tsx +++ b/src/app/components/Charts/GeoMap/components/controls/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; import { css } from "styled-components/macro"; import ZoomInIcon from "app/assets/icons/IconZoomIn"; import ZoomOutIcon from "app/assets/icons/IconZoomOut"; @@ -13,7 +14,7 @@ const buttoncss = css` padding: 3px; display: flex; cursor: pointer; - background: #fff; + background: ${appColors.COMMON.WHITE}; border-radius: 5px; align-items: center; justify-content: center; diff --git a/src/app/components/Charts/GeoMap/components/tooltip/index.tsx b/src/app/components/Charts/GeoMap/components/tooltip/index.tsx index b737129a1..010ac4459 100644 --- a/src/app/components/Charts/GeoMap/components/tooltip/index.tsx +++ b/src/app/components/Charts/GeoMap/components/tooltip/index.tsx @@ -1,13 +1,14 @@ import React from "react"; +import get from "lodash/get"; import filter from "lodash/filter"; +import { appColors } from "app/theme"; +import { useCMSData } from "app/hooks/useCMSData"; import { formatFinancialValue } from "app/utils/formatFinancialValue"; import { GeomapAllocationsTooltipProps, GeoMapPinMarker, GeomapTooltipProps, } from "app/components/Charts/GeoMap/data"; -import get from "lodash/get"; -import { useCMSData } from "app/hooks/useCMSData"; export function GeomapTooltip(props: GeomapTooltipProps) { const cmsData = useCMSData({ returnData: true }); @@ -15,7 +16,7 @@ export function GeomapTooltip(props: GeomapTooltipProps) { return (
@@ -37,7 +38,7 @@ export function GeomapTooltip(props: GeomapTooltipProps) { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.GEOMAP.TOOLTIP_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -76,9 +77,18 @@ export function GeomapTooltip(props: GeomapTooltipProps) { } `} > -
{get(cmsData, "componentsChartsGeomap.tooltipComponent", "")}
+
+ {get(cmsData, "componentsChartsGeomap.tooltipComponent", "")} +
{get(cmsData, "componentsChartsGeomap.tooltipGrants", "")}
-
{props.investmentSubType || get(cmsData, "componentsChartsGeomap.tooltipDefaultInvestment", "")}
+
+ {props.investmentSubType || + get( + cmsData, + "componentsChartsGeomap.tooltipDefaultInvestment", + "" + )} +
{props.data.components.map((stat: any) => (
@@ -232,7 +243,7 @@ export function GeomapPinTooltip(props: { return (
@@ -254,7 +265,7 @@ export function GeomapPinTooltip(props: { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.COMMON.SECONDARY_COLOR_7}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -292,7 +303,8 @@ export function GeomapPinTooltip(props: { padding: 16px 0; font-weight: bold; line-height: 20px; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid + ${appColors.GEOMAP.TOOLTIP_BORDER_COLOR}; font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; `} > @@ -305,7 +317,8 @@ export function GeomapPinTooltip(props: { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid + ${appColors.GEOMAP.TOOLTIP_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and @@ -347,7 +360,7 @@ export function GeomapAllocationsTooltip(props: GeomapAllocationsTooltipProps) { return (
@@ -369,7 +382,7 @@ export function GeomapAllocationsTooltip(props: GeomapAllocationsTooltipProps) { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.GEOMAP.TOOLTIP_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -403,7 +416,9 @@ export function GeomapAllocationsTooltip(props: GeomapAllocationsTooltipProps) { } `} > -
{get(cmsData, "componentsChartsGeomap.tooltipComponent", "")}
+
+ {get(cmsData, "componentsChartsGeomap.tooltipComponent", "")} +
@@ -523,11 +523,12 @@ export function GeoMap(props: GeoMapProps) { width: 350px; padding: 20px; position: absolute; - background: #f5f5f7; border-radius: 20px; + background: ${appColors.GEOMAP.TOOLTIP_BACKGROUND_COLOR}; @media (max-width: 767px) { - background: #fff; + background: ${appColors.GEOMAP + .MOBILE_TOOLTIP_BACKGROUND_COLOR}; width: calc(100vw - 32px); box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); } @@ -541,7 +542,7 @@ export function GeoMap(props: GeoMapProps) { justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.COMMON.PRIMARY_COLOR_1} } `} > @@ -624,11 +625,12 @@ export function GeoMap(props: GeoMapProps) { width: 350px; padding: 20px; position: absolute; - background: #f5f5f7; border-radius: 20px; + background: ${appColors.GEOMAP.TOOLTIP_BACKGROUND_COLOR}; @media (max-width: 767px) { - background: #fff; + background: ${appColors.GEOMAP + .MOBILE_TOOLTIP_BACKGROUND_COLOR}; width: calc(100vw - 32px); box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); } @@ -642,7 +644,7 @@ export function GeoMap(props: GeoMapProps) { justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.COMMON.PRIMARY_COLOR_1} } `} > @@ -679,7 +681,7 @@ export function GeoMap(props: GeoMapProps) { width: 350px; padding: 20px; position: absolute; - background: #f5f5f7; + background: ${appColors.GEOMAP.TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; top: ${hoverInfo.y + 50}px; left: ${hoverInfo.x - 180}px; @@ -687,7 +689,7 @@ export function GeoMap(props: GeoMapProps) { @media (max-width: 767px) { top: 29vh; left: 16px; - background: #fff; + background: ${appColors.GEOMAP.MOBILE_TOOLTIP_BACKGROUND_COLOR}; width: calc(100vw - 32px); box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); } @@ -701,7 +703,7 @@ export function GeoMap(props: GeoMapProps) { justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.COMMON.PRIMARY_COLOR_1} } `} > @@ -754,7 +756,7 @@ export function GeoMap(props: GeoMapProps) { width: 350px; padding: 20px; position: absolute; - background: #f5f5f7; + background: ${appColors.GEOMAP.TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; top: ${hoverInfo.y + 50}px; left: ${hoverInfo.x - 180}px; @@ -762,7 +764,7 @@ export function GeoMap(props: GeoMapProps) { @media (max-width: 767px) { top: 29vh; left: 16px; - background: #fff; + background: ${appColors.GEOMAP.MOBILE_TOOLTIP_BACKGROUND_COLOR}; width: calc(100vw - 32px); box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); } @@ -776,7 +778,7 @@ export function GeoMap(props: GeoMapProps) { justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.COMMON.PRIMARY_COLOR_1} } `} > @@ -829,7 +831,7 @@ export function GeoMap(props: GeoMapProps) { width: 350px; padding: 20px; position: absolute; - background: #f5f5f7; + background: ${appColors.GEOMAP.TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; top: ${hoverInfo.y + 50}px; left: ${hoverInfo.x - 180}px; @@ -837,7 +839,7 @@ export function GeoMap(props: GeoMapProps) { @media (max-width: 767px) { top: 29vh; left: 16px; - background: #fff; + background: ${appColors.GEOMAP.MOBILE_TOOLTIP_BACKGROUND_COLOR}; width: calc(100vw - 32px); box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); } @@ -851,7 +853,7 @@ export function GeoMap(props: GeoMapProps) { justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.COMMON.PRIMARY_COLOR_1} } `} > diff --git a/src/app/components/Charts/Grants/components/tooltip/index.tsx b/src/app/components/Charts/Grants/components/tooltip/index.tsx index 29a6d5e1d..1e74f43f5 100644 --- a/src/app/components/Charts/Grants/components/tooltip/index.tsx +++ b/src/app/components/Charts/Grants/components/tooltip/index.tsx @@ -1,8 +1,9 @@ import React from "react"; import get from "lodash/get"; +import { appColors } from "app/theme"; import { css } from "styled-components/macro"; -import { formatFinancialValue } from "app/utils/formatFinancialValue"; import { useCMSData } from "app/hooks/useCMSData"; +import { formatFinancialValue } from "app/utils/formatFinancialValue"; interface Props { name: number; @@ -35,7 +36,7 @@ export function GrantsRadialTooltip(props: Props) {
@@ -61,7 +62,9 @@ export function GrantsRadialTooltip(props: Props) {
-
{get(cmsData, "componentsChartsGrants.tooltipDisbursements", "")}
+
+ {get(cmsData, "componentsChartsGrants.tooltipDisbursements", "")} +
{formatFinancialValue(props.value)}
@@ -74,7 +77,10 @@ export function GrantsRadialTooltip(props: Props) {
{get(cmsData, "componentsChartsGrants.tooltipRating", "")}
-
{props.rating || get(cmsData, "componentsChartsGrants.tooltipRatingDefault", "")}
+
+ {props.rating || + get(cmsData, "componentsChartsGrants.tooltipRatingDefault", "")} +
); diff --git a/src/app/components/Charts/Grants/data.ts b/src/app/components/Charts/Grants/data.ts index a02ff5e26..e74702d34 100644 --- a/src/app/components/Charts/Grants/data.ts +++ b/src/app/components/Charts/Grants/data.ts @@ -1,14 +1,16 @@ +import { appColors } from "app/theme"; + export interface GrantsVizProps { data: any; } export const ratingColor = { - None: "#fff", - A1: "#3B873E", - A2: "#7BC67E", - B1: "#FFAB00", - B2: "#FF6D00", - C: "#E57373", + None: appColors.COMMON.WHITE, + A1: appColors.GRANTS.LATEST_RATING_COLOR_1, + A2: appColors.GRANTS.LATEST_RATING_COLOR_2, + B1: appColors.GRANTS.LATEST_RATING_COLOR_3, + B2: appColors.GRANTS.LATEST_RATING_COLOR_4, + C: appColors.GRANTS.LATEST_RATING_COLOR_5, }; export const statusBorderStyle = { @@ -110,431 +112,3 @@ export const circleLegendPositions = [ }, ], ]; - -export const mockdata = [ - { - name: null, - years: [2012, 2014], - value: 2054170.36, - component: "Tuberculosis", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2012, 2014], - value: 2054170.36, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: - "Strengthening and Scaling-up Malaria Prevention and Case Management to Improve Health Status in Afghanistan", - years: [2015, 2023], - value: 54891868.16, - component: "Malaria", - status: "Active", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2015, 2017], - value: 19582107, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2018, 2020], - value: 25510715.87, - status: "Financial Closure", - rating: null, - }, - { - name: 3, - years: [2021, 2023], - value: 9799045.29, - status: "Active", - rating: null, - }, - ], - }, - { - name: - "Scaling Up Innovative Approaches to Respond to TB Challenges and Strengthening Health Systems Initiatives in Afghanistan", - years: [2015, 2023], - value: 32330993.22, - component: "Tuberculosis", - status: "Active", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2015, 2017], - value: 11002846, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2018, 2020], - value: 15757197.37, - status: "Financial Closure", - rating: null, - }, - { - name: 3, - years: [2021, 2023], - value: 5570949.85, - status: "Active", - rating: null, - }, - ], - }, - { - name: null, - years: [2009, 2015], - value: 17321111.78, - component: "Tuberculosis", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2009, 2011], - value: 6669747.68, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2011, 2015], - value: 10651364.1, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: "Strenthening Provincial HIV Program", - years: [2008, 2016], - value: 4342300.6899999995, - component: "HIV", - status: "In Closure", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2008, 2013], - value: 1370648.4, - status: "Financially Closed", - rating: "B1", - }, - { - name: 2, - years: [2013, 2016], - value: 2971652.29, - status: "Financial Closure", - rating: "B1", - }, - ], - }, - // { - // name: "Strenghtening Health System Initiatives in Afghanistan", - // years: [2012, 2017], - // value: 14829933.72, - // component: "RSSH", - // status: "Administratively Closed", - // rating: "None", - // implementationPeriods: [ - // { - // name: 1, - // years: [2012, 2015], - // value: 11763800.72, - // status: "Financially Closed", - // rating: null, - // }, - // { - // name: 2, - // years: [2015, 2017], - // value: 3066133, - // status: "Financially Closed", - // rating: null, - // }, - // ], - // }, - { - name: - "Scaling HIV Interventions among Key Affected Populations in Afghanistan", - years: [2016, 2023], - value: 18849461.75, - component: "HIV", - status: "Active", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2016, 2017], - value: 7570496, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2018, 2020], - value: 8737650.7, - status: "Financial Closure", - rating: null, - }, - { - name: 3, - years: [2021, 2023], - value: 2541315.05, - status: "Active", - rating: null, - }, - ], - }, - { - name: null, - years: [2012, 2015], - value: 1417951.98, - component: "Malaria", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2012, 2015], - value: 1417951.98, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: null, - years: [2008, 2015], - value: 8008288, - component: "HIV", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2008, 2013], - value: 7288807, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2013, 2015], - value: 719481, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: null, - years: [2009, 2010], - value: 7171871.31, - component: "Malaria", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2009, 2010], - value: 7171871.31, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: - "Scaling up Innovative Approaches to Respond to TB Challenges and Strengthening Health Systems Initiatives in Afghanistan", - years: [2015, 2023], - value: 11856446.620000001, - component: "Tuberculosis", - status: "Active", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2015, 2017], - value: 2041907, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2018, 2020], - value: 8340947.32, - status: "Financial Closure", - rating: null, - }, - { - name: 3, - years: [2021, 2023], - value: 1473592.3, - status: "Active", - rating: null, - }, - ], - }, - // { - // name: "Strengthening Health Systems in Afghanistan", - // years: [2015, 2017], - // value: 8454481, - // component: "RSSH", - // status: "Administratively Closed", - // rating: "None", - // implementationPeriods: [ - // { - // name: 1, - // years: [2015, 2017], - // value: 8454481, - // status: "Financially Closed", - // rating: null, - // }, - // ], - // }, - { - name: null, - years: [2010, 2015], - value: 5691108.1899999995, - component: "Malaria", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2010, 2012], - value: 2391281.54, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2012, 2015], - value: 3299826.65, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: null, - years: [2012, 2013], - value: 289853.94, - component: "Tuberculosis", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2012, 2013], - value: 289853.94, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: null, - years: [2005, 2009], - value: 2678960.64, - component: "Tuberculosis", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2005, 2009], - value: 2678960.64, - status: "Financially Closed", - rating: null, - }, - ], - }, - // { - // name: null, - // years: [2004, 2006], - // value: 3125605, - // component: "RSSH", - // status: "Administratively Closed", - // rating: "None", - // implementationPeriods: [ - // { - // name: 1, - // years: [2004, 2006], - // value: 3125605, - // status: "Financially Closed", - // rating: null, - // }, - // ], - // }, - { - name: null, - years: [2010, 2012], - value: 2810463.97, - component: "Malaria", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2010, 2012], - value: 2810463.97, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: null, - years: [2010, 2015], - value: 44027786.11, - component: "Malaria", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2010, 2011], - value: 9856483.57, - status: "Financially Closed", - rating: null, - }, - { - name: 2, - years: [2012, 2015], - value: 34171302.54, - status: "Financially Closed", - rating: null, - }, - ], - }, - { - name: null, - years: [2006, 2011], - value: 16713179.95, - component: "Malaria", - status: "Administratively Closed", - rating: "None", - implementationPeriods: [ - { - name: 1, - years: [2006, 2011], - value: 16713179.95, - status: "Financially Closed", - rating: null, - }, - ], - }, -]; diff --git a/src/app/components/Charts/Grants/index.tsx b/src/app/components/Charts/Grants/index.tsx index 244064c9d..62c31cc8f 100644 --- a/src/app/components/Charts/Grants/index.tsx +++ b/src/app/components/Charts/Grants/index.tsx @@ -7,11 +7,13 @@ import uniq from "lodash/uniq"; import minBy from "lodash/minBy"; import maxBy from "lodash/maxBy"; import filter from "lodash/filter"; +import { appColors } from "app/theme"; import { useMeasure } from "react-use"; import { useHistory } from "react-router-dom"; import { css } from "styled-components/macro"; import Button from "@material-ui/core/Button"; import CloseIcon from "@material-ui/icons/Close"; +import { useCMSData } from "app/hooks/useCMSData"; import IconButton from "@material-ui/core/IconButton"; import { isTouchDevice } from "app/utils/isTouchDevice"; import useMousePosition from "app/hooks/useMousePosition"; @@ -24,7 +26,6 @@ import { ratingColor, statusBorderStyle, } from "app/components/Charts/Grants/data"; -import { useCMSData } from "app/hooks/useCMSData"; // TODO: clean up component // TODO: discuss with Dafei what should happen when only 1 component is in the data. @@ -74,11 +75,11 @@ export function GrantsViz(props: GrantsVizProps) { z-index: 101; width: 320px; padding: 20px; - color: #262c34; + color: ${appColors.GRANTS.TOOLTIP_COLOR}; top: ${y + 12}px; left: ${x + 12}px; position: absolute; - background: #f5f5f7; + background: ${appColors.GRANTS.TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.6); @@ -86,8 +87,8 @@ export function GrantsViz(props: GrantsVizProps) { top: 30vh; left: 16px; position: fixed; - background: #fff; width: calc(100vw - 32px); + background: ${appColors.GRANTS.MOBILE_TOOLTIP_BACKGROUND_COLOR}; } `} > @@ -121,18 +122,20 @@ export function GrantsViz(props: GrantsVizProps) { css={` width: 100%; margin-top: 20px; - background: #dfe3e6; border-radius: 22px; + background: ${appColors.GRANTS + .MOBILE_TOOLTIP_BUTTON_BACKGROUND_COLOR}; &:hover { - background: #dfe3e6; + background: ${appColors.GRANTS + .MOBILE_TOOLTIP_BUTTON_BACKGROUND_HOVER_COLOR}; } > span { - color: #262c34; font-size: 14px; font-weight: bold; text-transform: none; + color: ${appColors.GRANTS.MOBILE_TOOLTIP_BUTTON_COLOR}; font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } `} @@ -150,7 +153,6 @@ export function GrantsViz(props: GrantsVizProps) { height: ${width / 2}px; margin-top: 100px; position: relative; - //border-bottom: 1px solid #c7cdd1; border-top-left-radius: ${width * 2}px; border-top-right-radius: ${width * 2}px; @@ -162,15 +164,11 @@ export function GrantsViz(props: GrantsVizProps) {
@@ -294,7 +292,8 @@ export function ComponentRadarThingies(props: any) { border-top-left-radius: ${props.width * 2}px; border-top-right-radius: ${props.width * 2}px; transform: rotate(${props.index * props.rotateDeg}deg); - border-bottom: 1px ${props.index === 0 ? "solid" : "none"} #c7cdd1; + border-bottom: 1px ${props.index === 0 ? "solid" : "none"} + ${appColors.GRANTS.COMPONENT_DIVIDER_COLOR}; `} > {props.datayears.map((year: number, index: number) => { @@ -322,7 +321,7 @@ export function ComponentRadarThingies(props: any) { align-items: baseline; width: ${itemwidth}px; justify-content: center; - border: 1px solid #c7cdd1; + border: 1px solid ${appColors.GRANTS.COMPONENT_DIVIDER_COLOR}; height: ${itemwidth / 2}px; border-top-left-radius: ${itemwidth * 2}px; border-top-right-radius: ${itemwidth * 2}px; @@ -336,7 +335,7 @@ export function ComponentRadarThingies(props: any) { &:before { right: -12px; bottom: -35px; - color: #262c34; + color: ${appColors.GRANTS.TEXT_COLOR}; font-size: 10px; position: absolute; content: ${showLabel ? `"${year}"` : ""}; @@ -346,7 +345,7 @@ export function ComponentRadarThingies(props: any) { &:after { left: -12px; bottom: -35px; - color: #262c34; + color: ${appColors.GRANTS.TEXT_COLOR}; font-size: 10px; position: absolute; content: ${showLabel ? `"${year}"` : ""}; @@ -354,9 +353,8 @@ export function ComponentRadarThingies(props: any) { ${index + 1 === props.datayears.length ? ` - // bottom: -1px; - background: #fff; - border-bottom: 1px solid #fff; + background: ${appColors.COMMON.WHITE}; + border-bottom: 1px solid ${appColors.COMMON.WHITE}; border-style: ${showGrid ? "solid" : "none"}; ` : ""} @@ -438,7 +436,7 @@ export function ComponentRadarThingies(props: any) { height: 100%; border-width: 1px; position: absolute; - border-color: #13183f; + border-color: ${appColors.GRANTS.ITEM_LINE_COLOR}; border-style: none none none ${get( statusBorderStyle, @@ -467,7 +465,7 @@ export function ComponentRadarThingies(props: any) { height: 4px; border-radius: 50%; position: absolute; - background: #262c34; + color: ${appColors.GRANTS.TEXT_COLOR}; bottom: ${startHeight}px; `} /> @@ -514,7 +512,8 @@ export function ComponentRadarThingies(props: any) { border-radius: 50%; position: absolute; left: -${size / 2}px; - border: 1px solid #262c34; + border: 1px solid + ${appColors.GRANTS.ITEM_LINE_COLOR}; background: ${get( ratingColor, subItem.rating, @@ -567,7 +566,7 @@ export function ComponentDividers(props: any) { border-style: solid none none none; border-color: ${index + 1 === components.length ? "transparent" - : "#c7cdd1"}; + : appColors.GRANTS.COMPONENT_DIVIDER_COLOR}; &:after { //left: ${width / 2}px; @@ -645,14 +644,14 @@ export const RadialChartLegend = (props: any) => { height: 38px; width: 38px; border-radius: 50%; - border: 1px solid #000; - background-color: #ffc107; + border: 1px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; + background-color: ${appColors.GRANTS.LATEST_RATING_COLOR_3}; ::after { content: " "; display: block; height: 0.5px; - border-top: 0.5px solid #262c34; + border-top: 0.5px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; transform: translate(17px, -1px); opacity: 0.2; } @@ -661,7 +660,7 @@ export const RadialChartLegend = (props: any) => { content: " "; display: block; height: 0.5px; - border-top: 0.5px solid #262c34; + border-top: 0.5px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; transform: translate(-5px, 17px); width: 59px; opacity: 0.3; @@ -669,7 +668,7 @@ export const RadialChartLegend = (props: any) => { `; const line = css` - border: 1px solid #262c34; + border: 1px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; margin: 0; height: calc(100% - 38px); `; @@ -686,7 +685,7 @@ export const RadialChartLegend = (props: any) => { display: block; height: 0.5px; width: 35px; - border-top: 0.5px solid #262c34; + border-top: 0.5px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; opacity: 0.2; } `; @@ -694,21 +693,21 @@ export const RadialChartLegend = (props: any) => { const solid = css` max-width: 83px; margin: 0; - border: 1px solid #262c34; + border: 1px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; margin-bottom: 7px; `; const dashed = css` max-width: 83px; margin: 0; - border: 1px dashed #262c34; + border: 1px dashed ${appColors.GRANTS.ITEM_LINE_COLOR}; margin-bottom: 7px; `; const dotted = css` max-width: 83px; margin: 0; - border: 1px dotted #262c34; + border: 1px dotted ${appColors.GRANTS.ITEM_LINE_COLOR}; margin-bottom: 7px; `; @@ -834,13 +833,13 @@ export const RadialChartLegend = (props: any) => { height: 10px; position: relative; border-radius: 50%; - border: 0.5px solid #262c34; + border: 0.5px solid ${appColors.GRANTS.ITEM_LINE_COLOR}; &:before { width: 40px; left: -16px; bottom: -25px; - color: #262c34; + color: ${appColors.GRANTS.TEXT_COLOR}; font-size: 12px; position: absolute; text-align: center; @@ -850,7 +849,7 @@ export const RadialChartLegend = (props: any) => { >
{ />
{ />
{ />
{ />
{ />
- - + + ); diff --git a/src/app/components/Charts/Investments/Disbursements/components/tooltip/index.tsx b/src/app/components/Charts/Investments/Disbursements/components/tooltip/index.tsx index e5f7e0765..81acde243 100644 --- a/src/app/components/Charts/Investments/Disbursements/components/tooltip/index.tsx +++ b/src/app/components/Charts/Investments/Disbursements/components/tooltip/index.tsx @@ -1,9 +1,10 @@ import React from "react"; +import get from "lodash/get"; +import { appColors } from "app/theme"; import { useLocation } from "react-router-dom"; +import { useCMSData } from "app/hooks/useCMSData"; import { formatFinancialValue } from "app/utils/formatFinancialValue"; import { TreemapTooltipProps } from "app/components/Charts/Investments/Disbursements/data"; -import get from "lodash/get"; -import { useCMSData } from "app/hooks/useCMSData"; export function TreemapTooltip(props: TreemapTooltipProps) { const { data } = props.node; @@ -21,9 +22,9 @@ export function TreemapTooltip(props: TreemapTooltipProps) { return (
{data.tooltip.header} @@ -49,7 +50,7 @@ export function TreemapTooltip(props: TreemapTooltipProps) { font-size: 12px; padding: 16px 0; flex-direction: column; - border-bottom: 1px solid #dfe3e6; + border-bottom: 1px solid ${appColors.TREEMAP.TOOLTIP_BORDER_COLOR}; > * { @supports (-webkit-touch-callout: none) and (not (translate: none)) { @@ -168,15 +169,16 @@ export function TreemapTooltip(props: TreemapTooltipProps) { width: 100%; height: 5px; border-radius: 20px; - background: #c7cdd1; + background: ${appColors.TREEMAP + .TOOLTIP_PROGRESS_BAR_BACKGROUND_COLOR}; `} >
diff --git a/src/app/components/Charts/Investments/Disbursements/components/treemapnode/index.tsx b/src/app/components/Charts/Investments/Disbursements/components/treemapnode/index.tsx index 422ba03a7..c4f41c49e 100644 --- a/src/app/components/Charts/Investments/Disbursements/components/treemapnode/index.tsx +++ b/src/app/components/Charts/Investments/Disbursements/components/treemapnode/index.tsx @@ -7,6 +7,7 @@ import useMediaQuery from "@material-ui/core/useMediaQuery"; import { formatFinancialValue } from "app/utils/formatFinancialValue"; import { DisbursementsTreemap } from "../.."; import { isTouchDevice } from "app/utils/isTouchDevice"; +import { appColors } from "app/theme"; const containercss = ( hover: boolean, @@ -23,7 +24,9 @@ const containercss = ( align-items: flex-start; transition: background 0.2s ease-in-out; overflow: ${!hover ? "visible" : "hidden"}; - color: ${isChildTreemap ? "#fff" : "#262C34"}; + color: ${isChildTreemap + ? appColors.TREEMAP.CHILD_NODE_COLOR + : appColors.TREEMAP.NODE_COLOR}; cursor: ${isChildTreemap ? "pointer" : "default"}; > div { @@ -32,9 +35,9 @@ const containercss = ( } @media (max-width: 767px) { - color: #fff; font-size: 10px; - background: #595c70; + color: ${appColors.TREEMAP.MOBILE_NODE_COLOR}; + background: ${appColors.TREEMAP.MOBILE_NODE_BACKGROUND_COLOR}; } `; @@ -107,7 +110,8 @@ export function TreeemapNode(props: any) { : "normal"}; font-family: "GothamNarrow-${hasChildren || node.data._children ? "Bold" - : "Book"}", "Helvetica Neue", sans-serif; + : "Book"}", + "Helvetica Neue", sans-serif; `} > {node.data.name} diff --git a/src/app/components/Charts/Investments/Disbursements/data.ts b/src/app/components/Charts/Investments/Disbursements/data.ts index 1c912e3b5..a88f98cb3 100644 --- a/src/app/components/Charts/Investments/Disbursements/data.ts +++ b/src/app/components/Charts/Investments/Disbursements/data.ts @@ -39,10035 +39,3 @@ export interface TreemapTooltipProps { tooltipKeyLabel?: string; tooltipValueLabel?: string; } - -export const mockdata1: DisbursementsTreemapDataItem[] = [ - { - name: "HIV", - color: "#DFE3E5", - value: 22438503078.05002, - formattedValue: "22,438,503,078 USD", - _children: [ - { - name: "ETH", - value: 1471736435.26, - formattedValue: "1,471,736,435 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ETH", - count: 6, - investment: 1471736435.26, - }, - ], - totalInvestments: { - committed: 1475159376.8, - disbursed: 1471736435.26, - signed: 1733474881.8, - }, - percValue: "99.7679612390476", - }, - }, - { - name: "TZA", - value: 1465068314.69, - formattedValue: "1,465,068,315 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TZA", - count: 8, - investment: 1465068314.69, - }, - ], - totalInvestments: { - committed: 1575765642.66, - disbursed: 1465068314.69, - signed: 1802434435.63, - }, - percValue: "92.97501322702179", - }, - }, - { - name: "ZWE", - value: 1307430115.98, - formattedValue: "1,307,430,116 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ZWE", - count: 7, - investment: 1307430115.98, - }, - ], - totalInvestments: { - committed: 1448688116.16, - disbursed: 1307430115.98, - signed: 1729048317.27, - }, - percValue: "90.2492469839244", - }, - }, - { - name: "IND", - value: 1255412294.77, - formattedValue: "1,255,412,295 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "IND", - count: 16, - investment: 1255412294.77, - }, - ], - totalInvestments: { - committed: 1346856497.1, - disbursed: 1255412294.77, - signed: 1485157742.73, - }, - percValue: "93.21054599900627", - }, - }, - { - name: "NGA", - value: 997208545.7, - formattedValue: "997,208,546 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "NGA", - count: 13, - investment: 997208545.7, - }, - ], - totalInvestments: { - committed: 1131177222.73, - disbursed: 997208545.7, - signed: 1292467617.09, - }, - percValue: "88.15670309320073", - }, - }, - { - name: "RWA", - value: 990732588.68, - formattedValue: "990,732,589 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RWA", - count: 4, - investment: 990732588.68, - }, - ], - totalInvestments: { - committed: 998580684.13, - disbursed: 990732588.68, - signed: 998675263.41, - }, - percValue: "99.21407497914527", - }, - }, - { - name: "MOZ", - value: 863629707.14, - formattedValue: "863,629,707 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MOZ", - count: 7, - investment: 863629707.14, - }, - ], - totalInvestments: { - committed: 1010431808.29, - disbursed: 863629707.14, - signed: 1303526822.02, - }, - percValue: "85.471349976755", - }, - }, - { - name: "KEN", - value: 782322699.98, - formattedValue: "782,322,700 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "KEN", - count: 7, - investment: 782322699.98, - }, - ], - totalInvestments: { - committed: 831760165.27, - disbursed: 782322699.98, - signed: 840910760.69, - }, - percValue: "94.05628360743245", - }, - }, - { - name: "UGA", - value: 765065150.65, - formattedValue: "765,065,151 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "UGA", - count: 5, - investment: 765065150.65, - }, - ], - totalInvestments: { - committed: 843297776.93, - disbursed: 765065150.65, - signed: 1038722318.81, - }, - percValue: "90.72301286447079", - }, - }, - { - name: "MWI", - value: 676868846.45, - formattedValue: "676,868,846 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MWI", - count: 4, - investment: 676868846.45, - }, - ], - totalInvestments: { - committed: 676868846.45, - disbursed: 676868846.45, - signed: 676868846.45, - }, - percValue: "100", - }, - }, - { - name: "ZMB", - value: 656604442.92, - formattedValue: "656,604,443 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ZMB", - count: 17, - investment: 656604442.92, - }, - ], - totalInvestments: { - committed: 656604442.92, - disbursed: 656604442.92, - signed: 656604442.92, - }, - percValue: "100", - }, - }, - { - name: "ZAF", - value: 553493737.32, - formattedValue: "553,493,737 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ZAF", - count: 10, - investment: 553493737.32, - }, - ], - totalInvestments: { - committed: 553493737.32, - disbursed: 553493737.32, - signed: 553493737.32, - }, - percValue: "100", - }, - }, - { - name: "COD", - value: 528563398.49, - formattedValue: "528,563,398 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "COD", - count: 8, - investment: 528563398.49, - }, - ], - totalInvestments: { - committed: 537333391.39, - disbursed: 528563398.49, - signed: 543451778.33, - }, - percValue: "98.36786750264797", - }, - }, - { - name: "MMR", - value: 392464901.68, - formattedValue: "392,464,902 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MMR", - count: 3, - investment: 392464901.68, - }, - ], - totalInvestments: { - committed: 443521086.47, - disbursed: 392464901.68, - signed: 505065843.31, - }, - percValue: "88.48844252336275", - }, - }, - { - name: "CMR", - value: 380345040.37, - formattedValue: "380,345,040 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CMR", - count: 7, - investment: 380345040.37, - }, - ], - totalInvestments: { - committed: 428227805.98, - disbursed: 380345040.37, - signed: 524690253.14, - }, - percValue: "88.81838943166704", - }, - }, - { - name: "UKR", - value: 362796839.9, - formattedValue: "362,796,840 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "UKR", - count: 11, - investment: 362796839.9, - }, - ], - totalInvestments: { - committed: 362796839.89, - disbursed: 362796839.9, - signed: 362796839.9, - }, - percValue: "100.00000000275637", - }, - }, - { - name: "IDN", - value: 346582233.94, - formattedValue: "346,582,234 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "IDN", - count: 11, - investment: 346582233.94, - }, - ], - totalInvestments: { - committed: 360248484.57, - disbursed: 346582233.94, - signed: 360515639.74, - }, - percValue: "96.20643771858963", - }, - }, - { - name: "GHA", - value: 345760976.97, - formattedValue: "345,760,977 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GHA", - count: 11, - investment: 345760976.97, - }, - ], - totalInvestments: { - committed: 351833807.03, - disbursed: 345760976.97, - signed: 359057194.21, - }, - percValue: "98.27394925141968", - }, - }, - { - name: "CHN", - value: 323230663.89, - formattedValue: "323,230,664 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CHN", - count: 4, - investment: 323230663.89, - }, - ], - totalInvestments: { - committed: 323230663.89, - disbursed: 323230663.89, - signed: 323230663.89, - }, - percValue: "100", - }, - }, - { - name: "THA", - value: 287390159.55, - formattedValue: "287,390,160 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "THA", - count: 11, - investment: 287390159.55, - }, - ], - totalInvestments: { - committed: 287390159.55, - disbursed: 287390159.55, - signed: 287390159.79, - }, - percValue: "100", - }, - }, - { - name: "RUS", - value: 286143522.38, - formattedValue: "286,143,522 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "RUS", - count: 4, - investment: 286143522.38, - }, - ], - totalInvestments: { - committed: 286210068.61, - disbursed: 286143522.38, - signed: 286210068.61, - }, - percValue: "99.97674916528157", - }, - }, - { - name: "KHM", - value: 243508271.61, - formattedValue: "243,508,272 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "KHM", - count: 6, - investment: 243508271.61, - }, - ], - totalInvestments: { - committed: 243508271.61, - disbursed: 243508271.61, - signed: 243508271.61, - }, - percValue: "100", - }, - }, - { - name: "NAM", - value: 239562180.09, - formattedValue: "239,562,180 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "NAM", - count: 2, - investment: 239562180.09, - }, - ], - totalInvestments: { - committed: 239562180.09, - disbursed: 239562180.09, - signed: 239562180.09, - }, - percValue: "100", - }, - }, - { - name: "CIV", - value: 235772421.16, - formattedValue: "235,772,421 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CIV", - count: 8, - investment: 235772421.16, - }, - ], - totalInvestments: { - committed: 257920563.3, - disbursed: 235772421.16, - signed: 314042306.6, - }, - percValue: "91.41280483548013", - }, - }, - { - name: "VNM", - value: 230073220.75, - formattedValue: "230,073,221 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "VNM", - count: 5, - investment: 230073220.75, - }, - ], - totalInvestments: { - committed: 251891435.07, - disbursed: 230073220.75, - signed: 281888854.09, - }, - percValue: "91.33824684672713", - }, - }, - { - name: "MLI", - value: 217321225.02, - formattedValue: "217,321,225 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MLI", - count: 8, - investment: 217321225.02, - }, - ], - totalInvestments: { - committed: 228875914.2, - disbursed: 217321225.02, - signed: 230845290.97, - }, - percValue: "94.9515486501113", - }, - }, - { - name: "HTI", - value: 210422459.56, - formattedValue: "210,422,460 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "HTI", - count: 5, - investment: 210422459.56, - }, - ], - totalInvestments: { - committed: 210422459.56, - disbursed: 210422459.56, - signed: 210422459.56, - }, - percValue: "100", - }, - }, - { - name: "SWZ", - value: 192644814.16, - formattedValue: "192,644,814 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SWZ", - count: 5, - investment: 192644814.16, - }, - ], - totalInvestments: { - committed: 192644814.16, - disbursed: 192644814.16, - signed: 192644814.16, - }, - percValue: "100", - }, - }, - { - name: "BFA", - value: 181304805.79, - formattedValue: "181,304,806 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BFA", - count: 5, - investment: 181304805.79, - }, - ], - totalInvestments: { - committed: 197981437.44, - disbursed: 181304805.79, - signed: 226022828.07, - }, - percValue: "91.57666907279932", - }, - }, - { - name: "TGO", - value: 173186021.53, - formattedValue: "173,186,022 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TGO", - count: 5, - investment: 173186021.53, - }, - ], - totalInvestments: { - committed: 184057664.59, - disbursed: 173186021.53, - signed: 222345635.42, - }, - percValue: "94.09334944881688", - }, - }, - { - name: "BEN", - value: 170577956.87, - formattedValue: "170,577,957 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BEN", - count: 5, - investment: 170577956.87, - }, - ], - totalInvestments: { - committed: 186204245.65, - disbursed: 170577956.87, - signed: 216185214.69, - }, - percValue: "91.60798470225429", - }, - }, - { - name: "SDN", - value: 169298434.36, - formattedValue: "169,298,434 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SDN", - count: 4, - investment: 169298434.36, - }, - ], - totalInvestments: { - committed: 176466789.36, - disbursed: 169298434.36, - signed: 189717753.71, - }, - percValue: "95.93784472081246", - }, - }, - { - name: "LSO", - value: 168709401.86, - formattedValue: "168,709,402 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "LSO", - count: 9, - investment: 168709401.86, - }, - ], - totalInvestments: { - committed: 168709401.86, - disbursed: 168709401.86, - signed: 168709401.86, - }, - percValue: "100", - }, - }, - { - name: "SEN", - value: 159672301.57, - formattedValue: "159,672,302 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SEN", - count: 7, - investment: 159672301.57, - }, - ], - totalInvestments: { - committed: 171465928.13, - disbursed: 159672301.57, - signed: 188866767.09, - }, - percValue: "93.12188334520988", - }, - }, - { - name: "ERI", - value: 154530211.33, - formattedValue: "154,530,211 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ERI", - count: 4, - investment: 154530211.33, - }, - ], - totalInvestments: { - committed: 162258994.96, - disbursed: 154530211.33, - signed: 171886707.07, - }, - percValue: "95.2367610609783", - }, - }, - { - name: "DOM", - value: 152899220.87, - formattedValue: "152,899,221 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "DOM", - count: 4, - investment: 152899220.87, - }, - ], - totalInvestments: { - committed: 153065063.66, - disbursed: 152899220.87, - signed: 156490385.14, - }, - percValue: "99.89165209484486", - }, - }, - { - name: "SLE", - value: 148949029.99, - formattedValue: "148,949,030 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SLE", - count: 3, - investment: 148949029.99, - }, - ], - totalInvestments: { - committed: 150196538.2, - disbursed: 148949029.99, - signed: 150343811.53, - }, - percValue: "99.16941613638338", - }, - }, - { - name: "BDI", - value: 143632770.63, - formattedValue: "143,632,771 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BDI", - count: 6, - investment: 143632770.63, - }, - ], - totalInvestments: { - committed: 143632770.63, - disbursed: 143632770.63, - signed: 143632770.63, - }, - percValue: "100", - }, - }, - { - name: "BGD", - value: 142648390.75, - formattedValue: "142,648,391 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BGD", - count: 8, - investment: 142648390.75, - }, - ], - totalInvestments: { - committed: 149701853.94, - disbursed: 142648390.75, - signed: 160473247.41, - }, - percValue: "95.28832609325801", - }, - }, - { - name: "GTM", - value: 137858961.63, - formattedValue: "137,858,962 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GTM", - count: 5, - investment: 137858961.63, - }, - ], - totalInvestments: { - committed: 148128299.8, - disbursed: 137858961.63, - signed: 164732305.38, - }, - percValue: "93.06726791310946", - }, - }, - { - name: "SSD", - value: 119421631.53, - formattedValue: "119,421,632 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SSD", - count: 2, - investment: 119421631.53, - }, - ], - totalInvestments: { - committed: 119421631.53, - disbursed: 119421631.53, - signed: 119421631.53, - }, - percValue: "100", - }, - }, - { - name: "CUB", - value: 119033975.34, - formattedValue: "119,033,975 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CUB", - count: 3, - investment: 119033975.34, - }, - ], - totalInvestments: { - committed: 125585984.7, - disbursed: 119033975.34, - signed: 131243293.63, - }, - percValue: "94.78284987321518", - }, - }, - { - name: "TCD", - value: 117062197.4, - formattedValue: "117,062,197 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TCD", - count: 6, - investment: 117062197.4, - }, - ], - totalInvestments: { - committed: 120737511.9, - disbursed: 117062197.4, - signed: 135325301.46, - }, - percValue: "96.95594646422393", - }, - }, - { - name: "AGO", - value: 115822915.58, - formattedValue: "115,822,916 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "AGO", - count: 2, - investment: 115822915.58, - }, - ], - totalInvestments: { - committed: 115822915.58, - disbursed: 115822915.58, - signed: 115822915.72, - }, - percValue: "100", - }, - }, - { - name: "GIN", - value: 114919332.81, - formattedValue: "114,919,333 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GIN", - count: 6, - investment: 114919332.81, - }, - ], - totalInvestments: { - committed: 129013128.83, - disbursed: 114919332.81, - signed: 158507075.71, - }, - percValue: "89.07568853820193", - }, - }, - { - name: "NPL", - value: 113845536.76, - formattedValue: "113,845,537 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "NPL", - count: 8, - investment: 113845536.76, - }, - ], - totalInvestments: { - committed: 121590676.17, - disbursed: 113845536.76, - signed: 140610322.89, - }, - percValue: "93.63015351672914", - }, - }, - { - name: "SOM", - value: 112814285.32, - formattedValue: "112,814,285 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SOM", - count: 3, - investment: 112814285.32, - }, - ], - totalInvestments: { - committed: 121806732.63, - disbursed: 112814285.32, - signed: 129458553.88, - }, - percValue: "92.61744641216553", - }, - }, - { - name: "SLV", - value: 105102734.49, - formattedValue: "105,102,734 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SLV", - count: 7, - investment: 105102734.49, - }, - ], - totalInvestments: { - committed: 106800781.57, - disbursed: 105102734.49, - signed: 112401699.04, - }, - percValue: "98.41007991230191", - }, - }, - { - name: "TJK", - value: 98551304.56, - formattedValue: "98,551,305 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TJK", - count: 5, - investment: 98551304.56, - }, - ], - totalInvestments: { - committed: 98551304.56, - disbursed: 98551304.56, - signed: 98686065.05, - }, - percValue: "100", - }, - }, - { - name: "HND", - value: 93470584.02, - formattedValue: "93,470,584 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "HND", - count: 3, - investment: 93470584.02, - }, - ], - totalInvestments: { - committed: 93470584.02, - disbursed: 93470584.02, - signed: 93470584.02, - }, - percValue: "100", - }, - }, - { - name: "QRA", - value: 93036387.69, - formattedValue: "93,036,388 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QRA", - count: 12, - investment: 93036387.69, - }, - ], - totalInvestments: { - committed: 93600111.75, - disbursed: 93036387.69, - signed: 101953853.54, - }, - percValue: "99.39773142418284", - }, - }, - { - name: "JAM", - value: 92037881.35, - formattedValue: "92,037,881 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "JAM", - count: 3, - investment: 92037881.35, - }, - ], - totalInvestments: { - committed: 93766364.11, - disbursed: 92037881.35, - signed: 95944281.85, - }, - percValue: "98.15660682121334", - }, - }, - { - name: "UZB", - value: 89822176.31, - formattedValue: "89,822,176 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "UZB", - count: 4, - investment: 89822176.31, - }, - ], - totalInvestments: { - committed: 90346756.71, - disbursed: 89822176.31, - signed: 92241249.2, - }, - percValue: "99.41936997065227", - }, - }, - { - name: "GEO", - value: 88341417.68, - formattedValue: "88,341,418 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GEO", - count: 5, - investment: 88341417.68, - }, - ], - totalInvestments: { - committed: 90006095.88, - disbursed: 88341417.68, - signed: 93179429.39, - }, - percValue: "98.15048282705271", - }, - }, - { - name: "LBR", - value: 86247137.7, - formattedValue: "86,247,138 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "LBR", - count: 4, - investment: 86247137.7, - }, - ], - totalInvestments: { - committed: 86247137.7, - disbursed: 86247137.7, - signed: 86410869.4, - }, - percValue: "100", - }, - }, - { - name: "PAK", - value: 83621464.19, - formattedValue: "83,621,464 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PAK", - count: 5, - investment: 83621464.19, - }, - ], - totalInvestments: { - committed: 92764468.21, - disbursed: 83621464.19, - signed: 114935568.15, - }, - percValue: "90.14385120033019", - }, - }, - { - name: "PER", - value: 83371465.03, - formattedValue: "83,371,465 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PER", - count: 7, - investment: 83371465.03, - }, - ], - totalInvestments: { - committed: 83575734.01, - disbursed: 83371465.03, - signed: 84624543.21, - }, - percValue: "99.75558817111249", - }, - }, - { - name: "MAR", - value: 77126880.01, - formattedValue: "77,126,880 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MAR", - count: 4, - investment: 77126880.01, - }, - ], - totalInvestments: { - committed: 77447154.7, - disbursed: 77126880.01, - signed: 77802298.4, - }, - percValue: "99.58646035320392", - }, - }, - { - name: "IRN", - value: 70753052.36, - formattedValue: "70,753,052 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "IRN", - count: 3, - investment: 70753052.36, - }, - ], - totalInvestments: { - committed: 70753052.36, - disbursed: 70753052.36, - signed: 75563286.65, - }, - percValue: "100", - }, - }, - { - name: "BLR", - value: 69594893.19, - formattedValue: "69,594,893 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BLR", - count: 4, - investment: 69594893.19, - }, - ], - totalInvestments: { - committed: 69594893.18, - disbursed: 69594893.19, - signed: 69594893.19, - }, - percValue: "100.00000001436887", - }, - }, - { - name: "NER", - value: 68821373.04, - formattedValue: "68,821,373 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "NER", - count: 4, - investment: 68821373.04, - }, - ], - totalInvestments: { - committed: 78926671.88, - disbursed: 68821373.04, - signed: 97925159.47, - }, - percValue: "87.19659831170372", - }, - }, - { - name: "MDG", - value: 65996115.17, - formattedValue: "65,996,115 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MDG", - count: 7, - investment: 65996115.17, - }, - ], - totalInvestments: { - committed: 69539756.16, - disbursed: 65996115.17, - signed: 84836138.79, - }, - percValue: "94.90415096963147", - }, - }, - { - name: "NIC", - value: 65668398.32, - formattedValue: "65,668,398 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "NIC", - count: 4, - investment: 65668398.32, - }, - ], - totalInvestments: { - committed: 66507653.98, - disbursed: 65668398.32, - signed: 68104369.24, - }, - percValue: "98.73810665423204", - }, - }, - { - name: "KAZ", - value: 63201016.68, - formattedValue: "63,201,017 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "KAZ", - count: 3, - investment: 63201016.68, - }, - ], - totalInvestments: { - committed: 66531949.44, - disbursed: 63201016.68, - signed: 68839486.92, - }, - percValue: "94.99348390053729", - }, - }, - { - name: "GMB", - value: 60666100.07, - formattedValue: "60,666,100 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GMB", - count: 5, - investment: 60666100.07, - }, - ], - totalInvestments: { - committed: 60644140.92, - disbursed: 60666100.07, - signed: 60644140.93, - }, - percValue: "100.03620984594203", - }, - }, - { - name: "LAO", - value: 60082285.41, - formattedValue: "60,082,285 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "LAO", - count: 5, - investment: 60082285.41, - }, - ], - totalInvestments: { - committed: 60194906.4, - disbursed: 60082285.41, - signed: 60770916.92, - }, - percValue: "99.81290611326543", - }, - }, - { - name: "KGZ", - value: 59987663.62, - formattedValue: "59,987,664 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "KGZ", - count: 3, - investment: 59987663.62, - }, - ], - totalInvestments: { - committed: 59987663.62, - disbursed: 59987663.62, - signed: 59987663.62, - }, - percValue: "100", - }, - }, - { - name: "COG", - value: 58179896.88, - formattedValue: "58,179,897 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "COG", - count: 5, - investment: 58179896.88, - }, - ], - totalInvestments: { - committed: 58664432.91, - disbursed: 58179896.88, - signed: 58664432.91, - }, - percValue: "99.17405486431046", - }, - }, - { - name: "COL", - value: 58056696.17, - formattedValue: "58,056,696 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "COL", - count: 3, - investment: 58056696.17, - }, - ], - totalInvestments: { - committed: 62053618.11, - disbursed: 58056696.17, - signed: 64602773.5, - }, - percValue: "93.5589220069089", - }, - }, - { - name: "PHL", - value: 57695481.86, - formattedValue: "57,695,482 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PHL", - count: 6, - investment: 57695481.86, - }, - ], - totalInvestments: { - committed: 66206058.29, - disbursed: 57695481.86, - signed: 77554763.25, - }, - percValue: "87.14532076094693", - }, - }, - { - name: "BOL", - value: 56991893.15, - formattedValue: "56,991,893 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BOL", - count: 5, - investment: 56991893.15, - }, - ], - totalInvestments: { - committed: 57143299.84, - disbursed: 56991893.15, - signed: 57165050.6, - }, - percValue: "99.73504034519543", - }, - }, - { - name: "CAF", - value: 54173542.45, - formattedValue: "54,173,542 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CAF", - count: 4, - investment: 54173542.45, - }, - ], - totalInvestments: { - committed: 54173984.15, - disbursed: 54173542.45, - signed: 54173984.15, - }, - percValue: "99.99918466399153", - }, - }, - { - name: "AZE", - value: 53299307.35, - formattedValue: "53,299,307 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "AZE", - count: 3, - investment: 53299307.35, - }, - ], - totalInvestments: { - committed: 53490649.47, - disbursed: 53299307.35, - signed: 53490650.66, - }, - percValue: "99.642288658119", - }, - }, - { - name: "QMZ", - value: 52184184.98, - formattedValue: "52,184,185 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QMZ", - count: 9, - investment: 52184184.98, - }, - ], - totalInvestments: { - committed: 54711710.88, - disbursed: 52184184.98, - signed: 59155375.33, - }, - percValue: "95.38028356389063", - }, - }, - { - name: "QPF", - value: 51009405.22, - formattedValue: "51,009,405 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QPF", - count: 4, - investment: 51009405.22, - }, - ], - totalInvestments: { - committed: 50568348.76, - disbursed: 51009405.22, - signed: 50357840.67, - }, - percValue: "100.87219865946835", - }, - }, - { - name: "MDA", - value: 50013914.33, - formattedValue: "50,013,914 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MDA", - count: 4, - investment: 50013914.33, - }, - ], - totalInvestments: { - committed: 50370329.06, - disbursed: 50013914.33, - signed: 50370329.07, - }, - percValue: "99.2924113527719", - }, - }, - { - name: "BGR", - value: 49490867.92, - formattedValue: "49,490,868 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BGR", - count: 1, - investment: 49490867.92, - }, - ], - totalInvestments: { - committed: 50102363.69, - disbursed: 49490867.92, - signed: 50102363.68, - }, - percValue: "98.77950714304913", - }, - }, - { - name: "GNB", - value: 43893846.82, - formattedValue: "43,893,847 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GNB", - count: 4, - investment: 43893846.82, - }, - ], - totalInvestments: { - committed: 45092115.9, - disbursed: 43893846.82, - signed: 45092115.9, - }, - percValue: "97.3426195331854", - }, - }, - { - name: "QPA", - value: 41878455, - formattedValue: "41,878,455 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QPA", - count: 5, - investment: 41878455, - }, - ], - totalInvestments: { - committed: 41878455, - disbursed: 41878455, - signed: 41891248.78, - }, - percValue: "100", - }, - }, - { - name: "PNG", - value: 41843627.47, - formattedValue: "41,843,627 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PNG", - count: 3, - investment: 41843627.47, - }, - ], - totalInvestments: { - committed: 41843627.47, - disbursed: 41843627.47, - signed: 41843627.47, - }, - percValue: "100", - }, - }, - { - name: "ECU", - value: 41616833.19, - formattedValue: "41,616,833 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ECU", - count: 6, - investment: 41616833.19, - }, - ], - totalInvestments: { - committed: 42851503.47, - disbursed: 41616833.19, - signed: 43748700.74, - }, - percValue: "97.1187235452208", - }, - }, - { - name: "BIH", - value: 40047926.63, - formattedValue: "40,047,927 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BIH", - count: 2, - investment: 40047926.63, - }, - ], - totalInvestments: { - committed: 40445228.77, - disbursed: 40047926.63, - signed: 40445228.78, - }, - percValue: "99.01767859378585", - }, - }, - { - name: "GUY", - value: 38387001.71, - formattedValue: "38,387,002 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GUY", - count: 2, - investment: 38387001.71, - }, - ], - totalInvestments: { - committed: 38537291.94, - disbursed: 38387001.71, - signed: 40266421.15, - }, - percValue: "99.6100135156513", - }, - }, - { - name: "ROU", - value: 37671818.76, - formattedValue: "37,671,819 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ROU", - count: 2, - investment: 37671818.76, - }, - ], - totalInvestments: { - committed: 37671818.75, - disbursed: 37671818.76, - signed: 37671818.76, - }, - percValue: "100.00000002654504", - }, - }, - { - name: "ARM", - value: 35473559.99, - formattedValue: "35,473,560 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ARM", - count: 5, - investment: 35473559.99, - }, - ], - totalInvestments: { - committed: 35530265.78, - disbursed: 35473559.99, - signed: 35530265.74, - }, - percValue: "99.84040144717432", - }, - }, - { - name: "PRY", - value: 34862373.47, - formattedValue: "34,862,373 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PRY", - count: 3, - investment: 34862373.47, - }, - ], - totalInvestments: { - committed: 35710009.6, - disbursed: 34862373.47, - signed: 39496754.17, - }, - percValue: "97.62633463419735", - }, - }, - { - name: "MEX", - value: 34680258.1, - formattedValue: "34,680,258 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MEX", - count: 1, - investment: 34680258.1, - }, - ], - totalInvestments: { - committed: 34680258.1, - disbursed: 34680258.1, - signed: 34680258.1, - }, - percValue: "100", - }, - }, - { - name: "SRB", - value: 31842408.24, - formattedValue: "31,842,408 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SRB", - count: 5, - investment: 31842408.24, - }, - ], - totalInvestments: { - committed: 31802071.45, - disbursed: 31842408.24, - signed: 32089724.55, - }, - percValue: "100.12683698941882", - }, - }, - { - name: "AFG", - value: 31200050.44, - formattedValue: "31,200,050 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "AFG", - count: 3, - investment: 31200050.44, - }, - ], - totalInvestments: { - committed: 34125388.29, - disbursed: 31200050.44, - signed: 38557253.69, - }, - percValue: "91.42767893176696", - }, - }, - { - name: "CHL", - value: 28835307, - formattedValue: "28,835,307 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CHL", - count: 1, - investment: 28835307, - }, - ], - totalInvestments: { - committed: 28835307, - disbursed: 28835307, - signed: 28835307, - }, - percValue: "100", - }, - }, - { - name: "QSD", - value: 28788981.59, - formattedValue: "28,788,982 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QSD", - count: 3, - investment: 28788981.59, - }, - ], - totalInvestments: { - committed: 28788981.59, - disbursed: 28788981.59, - signed: 28788981.59, - }, - percValue: "100", - }, - }, - { - name: "ARG", - value: 28402468.32, - formattedValue: "28,402,468 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ARG", - count: 3, - investment: 28402468.32, - }, - ], - totalInvestments: { - committed: 28402468.32, - disbursed: 28402468.32, - signed: 28402468.32, - }, - percValue: "100", - }, - }, - { - name: "TUN", - value: 27956355.84, - formattedValue: "27,956,356 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TUN", - count: 2, - investment: 27956355.84, - }, - ], - totalInvestments: { - committed: 28819393.94, - disbursed: 27956355.84, - signed: 29345929.95, - }, - percValue: "97.00535652555085", - }, - }, - { - name: "QUA", - value: 27241098.84, - formattedValue: "27,241,099 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QUA", - count: 2, - investment: 27241098.84, - }, - ], - totalInvestments: { - committed: 27241098.84, - disbursed: 27241098.84, - signed: 27241098.84, - }, - percValue: "100", - }, - }, - { - name: "MKD", - value: 24588665.92, - formattedValue: "24,588,666 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MKD", - count: 3, - investment: 24588665.92, - }, - ], - totalInvestments: { - committed: 24768280.41, - disbursed: 24588665.92, - signed: 24768280.42, - }, - percValue: "99.27482050821953", - }, - }, - { - name: "MNG", - value: 24009666.18, - formattedValue: "24,009,666 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MNG", - count: 5, - investment: 24009666.18, - }, - ], - totalInvestments: { - committed: 24018274.38, - disbursed: 24009666.18, - signed: 24054820, - }, - percValue: "99.96415978990078", - }, - }, - { - name: "TLS", - value: 22009630.79, - formattedValue: "22,009,631 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TLS", - count: 2, - investment: 22009630.79, - }, - ], - totalInvestments: { - committed: 23151973.84, - disbursed: 22009630.79, - signed: 24989953.3, - }, - percValue: "95.0658934832314", - }, - }, - { - name: "LKA", - value: 20805483.5, - formattedValue: "20,805,484 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "LKA", - count: 6, - investment: 20805483.5, - }, - ], - totalInvestments: { - committed: 21270906.28, - disbursed: 20805483.5, - signed: 22612837.21, - }, - percValue: "97.81192783291225", - }, - }, - { - name: "DJI", - value: 19404402.41, - formattedValue: "19,404,402 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "DJI", - count: 3, - investment: 19404402.41, - }, - ], - totalInvestments: { - committed: 19404402.41, - disbursed: 19404402.41, - signed: 19404402.41, - }, - percValue: "100", - }, - }, - { - name: "YEM", - value: 16162251.66, - formattedValue: "16,162,252 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "YEM", - count: 4, - investment: 16162251.66, - }, - ], - totalInvestments: { - committed: 16162251.66, - disbursed: 16162251.66, - signed: 16162251.66, - }, - percValue: "100", - }, - }, - { - name: "MUS", - value: 15726002.77, - formattedValue: "15,726,003 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MUS", - count: 5, - investment: 15726002.77, - }, - ], - totalInvestments: { - committed: 16220716.75, - disbursed: 15726002.77, - signed: 17165627.64, - }, - percValue: "96.95011023480205", - }, - }, - { - name: "MYS", - value: 14352508.61, - formattedValue: "14,352,509 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MYS", - count: 1, - investment: 14352508.61, - }, - ], - totalInvestments: { - committed: 14352508.61, - disbursed: 14352508.61, - signed: 15415102.78, - }, - percValue: "100", - }, - }, - { - name: "QSE", - value: 13715010.31, - formattedValue: "13,715,010 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QSE", - count: 2, - investment: 13715010.31, - }, - ], - totalInvestments: { - committed: 13715010.31, - disbursed: 13715010.31, - signed: 13715010.31, - }, - percValue: "100", - }, - }, - { - name: "MRT", - value: 13281555.53, - formattedValue: "13,281,556 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MRT", - count: 2, - investment: 13281555.53, - }, - ], - totalInvestments: { - committed: 13281555.53, - disbursed: 13281555.53, - signed: 13281555.53, - }, - percValue: "100", - }, - }, - { - name: "DZA", - value: 12868164.81, - formattedValue: "12,868,165 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "DZA", - count: 2, - investment: 12868164.81, - }, - ], - totalInvestments: { - committed: 14493132.99, - disbursed: 12868164.81, - signed: 14497969.62, - }, - percValue: "88.78801304644621", - }, - }, - { - name: "GAB", - value: 12421722.87, - formattedValue: "12,421,723 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GAB", - count: 2, - investment: 12421722.87, - }, - ], - totalInvestments: { - committed: 12423919.09, - disbursed: 12421722.87, - signed: 12423919.08, - }, - percValue: "99.98232264727345", - }, - }, - { - name: "QRC", - value: 12112243.4, - formattedValue: "12,112,243 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QRC", - count: 2, - investment: 12112243.4, - }, - ], - totalInvestments: { - committed: 12112243.4, - disbursed: 12112243.4, - signed: 12112243.4, - }, - percValue: "100", - }, - }, - { - name: "QNA", - value: 11550830.56, - formattedValue: "11,550,831 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QNA", - count: 3, - investment: 11550830.56, - }, - ], - totalInvestments: { - committed: 11594528.19, - disbursed: 11550830.56, - signed: 11961468.51, - }, - percValue: "99.62311851518298", - }, - }, - { - name: "EST", - value: 10978492.88, - formattedValue: "10,978,493 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "EST", - count: 1, - investment: 10978492.88, - }, - ], - totalInvestments: { - committed: 10978492.88, - disbursed: 10978492.88, - signed: 10978492.88, - }, - percValue: "99.99999999999999", - }, - }, - { - name: "CRI", - value: 10592380.63, - formattedValue: "10,592,381 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CRI", - count: 3, - investment: 10592380.63, - }, - ], - totalInvestments: { - committed: 10592380.63, - disbursed: 10592380.63, - signed: 10651341.48, - }, - percValue: "100", - }, - }, - { - name: "COM", - value: 10451939.49, - formattedValue: "10,451,939 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "COM", - count: 3, - investment: 10451939.49, - }, - ], - totalInvestments: { - committed: 10547856.21, - disbursed: 10451939.49, - signed: 10979745.78, - }, - percValue: "99.09065199515076", - }, - }, - { - name: "PSE", - value: 9876140.25, - formattedValue: "9,876,140 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PSE", - count: 1, - investment: 9876140.25, - }, - ], - totalInvestments: { - committed: 9876141.25, - disbursed: 9876140.25, - signed: 9876140.25, - }, - percValue: "99.99998987458791", - }, - }, - { - name: "MNE", - value: 9658587.93, - formattedValue: "9,658,588 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MNE", - count: 3, - investment: 9658587.93, - }, - ], - totalInvestments: { - committed: 9676828.42, - disbursed: 9658587.93, - signed: 9683946.48, - }, - percValue: "99.81150342645013", - }, - }, - { - name: "EGY", - value: 9259337.15, - formattedValue: "9,259,337 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "EGY", - count: 1, - investment: 9259337.15, - }, - ], - totalInvestments: { - committed: 9259337.15, - disbursed: 9259337.15, - signed: 9259337.15, - }, - percValue: "100", - }, - }, - { - name: "CPV", - value: 9171163.12, - formattedValue: "9,171,163 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "CPV", - count: 2, - investment: 9171163.12, - }, - ], - totalInvestments: { - committed: 9171163.12, - disbursed: 9171163.12, - signed: 9171163.12, - }, - percValue: "100", - }, - }, - { - name: "SUR", - value: 9084200.96, - formattedValue: "9,084,201 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SUR", - count: 2, - investment: 9084200.96, - }, - ], - totalInvestments: { - committed: 9084200.96, - disbursed: 9084200.96, - signed: 9084200.96, - }, - percValue: "100", - }, - }, - { - name: "BWA", - value: 8269612, - formattedValue: "8,269,612 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BWA", - count: 1, - investment: 8269612, - }, - ], - totalInvestments: { - committed: 8269612, - disbursed: 8269612, - signed: 8269612, - }, - percValue: "100", - }, - }, - { - name: "JOR", - value: 8157519.47, - formattedValue: "8,157,519 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "JOR", - count: 2, - investment: 8157519.47, - }, - ], - totalInvestments: { - committed: 8157519.47, - disbursed: 8157519.47, - signed: 8157519.47, - }, - percValue: "100", - }, - }, - { - name: "QRB", - value: 8008679.04, - formattedValue: "8,008,679 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QRB", - count: 1, - investment: 8008679.04, - }, - ], - totalInvestments: { - committed: 8008679.04, - disbursed: 8008679.04, - signed: 8008679.04, - }, - percValue: "100", - }, - }, - { - name: "GNQ", - value: 7648737.63, - formattedValue: "7,648,738 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "GNQ", - count: 1, - investment: 7648737.63, - }, - ], - totalInvestments: { - committed: 7648737.63, - disbursed: 7648737.63, - signed: 7648737.63, - }, - percValue: "100", - }, - }, - { - name: "BLZ", - value: 7470658.56, - formattedValue: "7,470,659 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BLZ", - count: 2, - investment: 7470658.56, - }, - ], - totalInvestments: { - committed: 7470658.56, - disbursed: 7470658.56, - signed: 7470658.56, - }, - percValue: "100", - }, - }, - { - name: "BTN", - value: 5860636.83, - formattedValue: "5,860,637 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "BTN", - count: 2, - investment: 5860636.83, - }, - ], - totalInvestments: { - committed: 5906578.16, - disbursed: 5860636.83, - signed: 5984029.3, - }, - percValue: "99.22220059134881", - }, - }, - { - name: "ALB", - value: 5443975.72, - formattedValue: "5,443,976 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "ALB", - count: 1, - investment: 5443975.72, - }, - ], - totalInvestments: { - committed: 5443975.72, - disbursed: 5443975.72, - signed: 5443975.72, - }, - percValue: "100", - }, - }, - { - name: "QPB", - value: 5341858.85, - formattedValue: "5,341,859 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QPB", - count: 1, - investment: 5341858.85, - }, - ], - totalInvestments: { - committed: 5341858.85, - disbursed: 5341858.85, - signed: 5341858.85, - }, - percValue: "100", - }, - }, - { - name: "HRV", - value: 4944323.74, - formattedValue: "4,944,324 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "HRV", - count: 1, - investment: 4944323.74, - }, - ], - totalInvestments: { - committed: 4944323.74, - disbursed: 4944323.74, - signed: 4944323.74, - }, - percValue: "100", - }, - }, - { - name: "QSA", - value: 4894148, - formattedValue: "4,894,148 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QSA", - count: 1, - investment: 4894148, - }, - ], - totalInvestments: { - committed: 5000000, - disbursed: 4894148, - signed: 5000000, - }, - percValue: "97.88296", - }, - }, - { - name: "MDV", - value: 3908928.7, - formattedValue: "3,908,929 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "MDV", - count: 1, - investment: 3908928.7, - }, - ], - totalInvestments: { - committed: 3908928.7, - disbursed: 3908928.7, - signed: 3908928.7, - }, - percValue: "100", - }, - }, - { - name: "PAN", - value: 3877866.26, - formattedValue: "3,877,866 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "PAN", - count: 1, - investment: 3877866.26, - }, - ], - totalInvestments: { - committed: 3877866.26, - disbursed: 3877866.26, - signed: 3877866.26, - }, - percValue: "100", - }, - }, - { - name: "QNB", - value: 3594606.5, - formattedValue: "3,594,607 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QNB", - count: 3, - investment: 3594606.5, - }, - ], - totalInvestments: { - committed: 3594606.5, - disbursed: 3594606.5, - signed: 3594606.5, - }, - percValue: "100", - }, - }, - { - name: "STP", - value: 3486157.82, - formattedValue: "3,486,158 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "STP", - count: 3, - investment: 3486157.82, - }, - ], - totalInvestments: { - committed: 3486157.82, - disbursed: 3486157.82, - signed: 3486157.82, - }, - percValue: "100", - }, - }, - { - name: "URY", - value: 3455733.33, - formattedValue: "3,455,733 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "URY", - count: 2, - investment: 3455733.33, - }, - ], - totalInvestments: { - committed: 3455733.33, - disbursed: 3455733.33, - signed: 3455733.33, - }, - percValue: "100", - }, - }, - { - name: "TUR", - value: 3272762.62, - formattedValue: "3,272,763 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "TUR", - count: 1, - investment: 3272762.62, - }, - ], - totalInvestments: { - committed: 3272762.62, - disbursed: 3272762.62, - signed: 3272762.62, - }, - percValue: "100", - }, - }, - { - name: "SYR", - value: 2526007.66, - formattedValue: "2,526,008 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "SYR", - count: 1, - investment: 2526007.66, - }, - ], - totalInvestments: { - committed: 2526007.66, - disbursed: 2526007.66, - signed: 2526007.66, - }, - percValue: "100", - }, - }, - { - name: "QTD", - value: 700000, - formattedValue: "700,000 USD", - color: "#70777E", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "QTD", - count: 1, - investment: 700000, - }, - ], - totalInvestments: { - committed: 700000, - disbursed: 700000, - signed: 700000, - }, - percValue: "100", - }, - }, - ], - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "HIV", - count: 585, - investment: 22438503078.05002, - }, - ], - totalInvestments: { - committed: 23576317202.750008, - disbursed: 22438503078.05002, - signed: 25767326258.459995, - }, - percValue: "95.173910687937", - }, - }, - { - name: "Malaria", - color: "#DFE3E5", - value: 14493002457.729996, - formattedValue: "14,493,002,458 USD", - _children: [ - { - name: "NGA", - value: 1266664112.5, - formattedValue: "1,266,664,113 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "NGA", - count: 9, - investment: 1266664112.5, - }, - ], - totalInvestments: { - committed: 1360909685.2, - disbursed: 1266664112.5, - signed: 1669714736.75, - }, - percValue: "93.0748106413726", - }, - }, - { - name: "COD", - value: 1181395848.33, - formattedValue: "1,181,395,848 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "COD", - count: 9, - investment: 1181395848.33, - }, - ], - totalInvestments: { - committed: 1307004578.03, - disbursed: 1181395848.33, - signed: 1557854991.58, - }, - percValue: "90.38957232350897", - }, - }, - { - name: "TZA", - value: 746581151.57, - formattedValue: "746,581,152 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "TZA", - count: 5, - investment: 746581151.57, - }, - ], - totalInvestments: { - committed: 802080487.69, - disbursed: 746581151.57, - signed: 936123646.57, - }, - percValue: "93.08057770114334", - }, - }, - { - name: "ETH", - value: 695279464.24, - formattedValue: "695,279,464 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "ETH", - count: 5, - investment: 695279464.24, - }, - ], - totalInvestments: { - committed: 701228409.12, - disbursed: 695279464.24, - signed: 808086765.02, - }, - percValue: "99.15163949397521", - }, - }, - { - name: "UGA", - value: 646951564.09, - formattedValue: "646,951,564 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "UGA", - count: 7, - investment: 646951564.09, - }, - ], - totalInvestments: { - committed: 702648761.29, - disbursed: 646951564.09, - signed: 894992514.25, - }, - percValue: "92.07325191924555", - }, - }, - { - name: "GHA", - value: 492733354.53, - formattedValue: "492,733,355 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GHA", - count: 6, - investment: 492733354.53, - }, - ], - totalInvestments: { - committed: 532277528.57, - disbursed: 492733354.53, - signed: 613804446.46, - }, - percValue: "92.57076019229328", - }, - }, - { - name: "MOZ", - value: 473663980.43, - formattedValue: "473,663,980 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "MOZ", - count: 6, - investment: 473663980.43, - }, - ], - totalInvestments: { - committed: 507324503.51, - disbursed: 473663980.43, - signed: 666782965.89, - }, - percValue: "93.36509022388734", - }, - }, - { - name: "CIV", - value: 440209709.4, - formattedValue: "440,209,709 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "CIV", - count: 5, - investment: 440209709.4, - }, - ], - totalInvestments: { - committed: 481254839.16, - disbursed: 440209709.4, - signed: 568818737.9, - }, - percValue: "91.47122762824749", - }, - }, - { - name: "SDN", - value: 436381179.55, - formattedValue: "436,381,180 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SDN", - count: 5, - investment: 436381179.55, - }, - ], - totalInvestments: { - committed: 446066473.29, - disbursed: 436381179.55, - signed: 450746148.55, - }, - percValue: "97.82873308801594", - }, - }, - { - name: "KEN", - value: 390737446.4, - formattedValue: "390,737,446 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "KEN", - count: 6, - investment: 390737446.4, - }, - ], - totalInvestments: { - committed: 414477456.65, - disbursed: 390737446.4, - signed: 415151005.92, - }, - percValue: "94.27230362734856", - }, - }, - { - name: "QSE", - value: 377435735.1, - formattedValue: "377,435,735 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "QSE", - count: 1, - investment: 377435735.1, - }, - ], - totalInvestments: { - committed: 485818301.24, - disbursed: 377435735.1, - signed: 587240081.84, - }, - percValue: "77.69071978899005", - }, - }, - { - name: "BFA", - value: 343158292.28, - formattedValue: "343,158,292 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BFA", - count: 6, - investment: 343158292.28, - }, - ], - totalInvestments: { - committed: 435911206.06, - disbursed: 343158292.28, - signed: 509198859.07, - }, - percValue: "78.72206254609722", - }, - }, - { - name: "MDG", - value: 334750351.34, - formattedValue: "334,750,351 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "MDG", - count: 13, - investment: 334750351.34, - }, - ], - totalInvestments: { - committed: 338515865.27, - disbursed: 334750351.34, - signed: 339038667.28, - }, - percValue: "98.88764033939837", - }, - }, - { - name: "RWA", - value: 329590442.59, - formattedValue: "329,590,443 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "RWA", - count: 5, - investment: 329590442.59, - }, - ], - totalInvestments: { - committed: 330956852.59, - disbursed: 329590442.59, - signed: 330956852.59, - }, - percValue: "99.5871334920831", - }, - }, - { - name: "ZMB", - value: 292104811.65, - formattedValue: "292,104,812 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "ZMB", - count: 9, - investment: 292104811.65, - }, - ], - totalInvestments: { - committed: 328980520.67, - disbursed: 292104811.65, - signed: 350292320.23, - }, - percValue: "88.79091414139074", - }, - }, - { - name: "IDN", - value: 283056124.07, - formattedValue: "283,056,124 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "IDN", - count: 6, - investment: 283056124.07, - }, - ], - totalInvestments: { - committed: 295546397.72, - disbursed: 283056124.07, - signed: 327555591.32, - }, - percValue: "95.77383661369025", - }, - }, - { - name: "CMR", - value: 271549083.86, - formattedValue: "271,549,084 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "CMR", - count: 5, - investment: 271549083.86, - }, - ], - totalInvestments: { - committed: 302447610.63, - disbursed: 271549083.86, - signed: 385692114.43, - }, - percValue: "89.78384166909495", - }, - }, - { - name: "MWI", - value: 261837368.2, - formattedValue: "261,837,368 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "MWI", - count: 5, - investment: 261837368.2, - }, - ], - totalInvestments: { - committed: 316953459.39, - disbursed: 261837368.2, - signed: 347572951.18, - }, - percValue: "82.61066741594337", - }, - }, - { - name: "ZWE", - value: 239332539.01, - formattedValue: "239,332,539 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "ZWE", - count: 7, - investment: 239332539.01, - }, - ], - totalInvestments: { - committed: 262457633.93, - disbursed: 239332539.01, - signed: 286173571.22, - }, - percValue: "91.189017985978", - }, - }, - { - name: "NER", - value: 230521489.91, - formattedValue: "230,521,490 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "NER", - count: 6, - investment: 230521489.91, - }, - ], - totalInvestments: { - committed: 264261391.86, - disbursed: 230521489.91, - signed: 326455335.36, - }, - percValue: "87.23237559882577", - }, - }, - { - name: "SSD", - value: 230133339.71, - formattedValue: "230,133,340 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SSD", - count: 3, - investment: 230133339.71, - }, - ], - totalInvestments: { - committed: 233442134.71, - disbursed: 230133339.71, - signed: 233918694.99, - }, - percValue: "98.58260591897411", - }, - }, - { - name: "IND", - value: 227471242.08, - formattedValue: "227,471,242 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "IND", - count: 6, - investment: 227471242.08, - }, - ], - totalInvestments: { - committed: 256836039.27, - disbursed: 227471242.08, - signed: 315315386.92, - }, - percValue: "88.56671467389741", - }, - }, - { - name: "TCD", - value: 202150047.61, - formattedValue: "202,150,048 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "TCD", - count: 4, - investment: 202150047.61, - }, - ], - totalInvestments: { - committed: 202798108.2, - disbursed: 202150047.61, - signed: 206849781.31, - }, - percValue: "99.68044051507577", - }, - }, - { - name: "BDI", - value: 193417335.23, - formattedValue: "193,417,335 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BDI", - count: 8, - investment: 193417335.23, - }, - ], - totalInvestments: { - committed: 215404447.37, - disbursed: 193417335.23, - signed: 231125788.89, - }, - percValue: "89.79263779905493", - }, - }, - { - name: "PNG", - value: 169633103.5, - formattedValue: "169,633,104 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "PNG", - count: 7, - investment: 169633103.5, - }, - ], - totalInvestments: { - committed: 181300289.23, - disbursed: 169633103.5, - signed: 202964060.03, - }, - percValue: "93.564717530484", - }, - }, - { - name: "GIN", - value: 169405724.53, - formattedValue: "169,405,725 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GIN", - count: 4, - investment: 169405724.53, - }, - ], - totalInvestments: { - committed: 218446569.45, - disbursed: 169405724.53, - signed: 236952802.35, - }, - percValue: "77.55018765299269", - }, - }, - { - name: "MLI", - value: 166524804.82, - formattedValue: "166,524,805 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "MLI", - count: 4, - investment: 166524804.82, - }, - ], - totalInvestments: { - committed: 170932632.99, - disbursed: 166524804.82, - signed: 172728735.71, - }, - percValue: "97.42130680789438", - }, - }, - { - name: "SEN", - value: 159863645.69, - formattedValue: "159,863,646 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SEN", - count: 7, - investment: 159863645.69, - }, - ], - totalInvestments: { - committed: 165197614.69, - disbursed: 159863645.69, - signed: 166609438.83, - }, - percValue: "96.77115858482013", - }, - }, - { - name: "BEN", - value: 150758747.35, - formattedValue: "150,758,747 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BEN", - count: 4, - investment: 150758747.35, - }, - ], - totalInvestments: { - committed: 153794924.28, - disbursed: 150758747.35, - signed: 157017540.34, - }, - percValue: "98.02582761153266", - }, - }, - { - name: "TGO", - value: 142542852.61, - formattedValue: "142,542,853 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "TGO", - count: 6, - investment: 142542852.61, - }, - ], - totalInvestments: { - committed: 160513085.69, - disbursed: 142542852.61, - signed: 204615766.68, - }, - percValue: "88.80450587392855", - }, - }, - { - name: "LBR", - value: 140600008.53, - formattedValue: "140,600,009 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "LBR", - count: 4, - investment: 140600008.53, - }, - ], - totalInvestments: { - committed: 147371923.78, - disbursed: 140600008.53, - signed: 147963001.39, - }, - percValue: "95.4048810137613", - }, - }, - { - name: "SOM", - value: 137572066.58, - formattedValue: "137,572,067 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SOM", - count: 4, - investment: 137572066.58, - }, - ], - totalInvestments: { - committed: 152149008.16, - disbursed: 137572066.58, - signed: 163225130.81, - }, - percValue: "90.41929897783437", - }, - }, - { - name: "AGO", - value: 136980459.33, - formattedValue: "136,980,459 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "AGO", - count: 4, - investment: 136980459.33, - }, - ], - totalInvestments: { - committed: 138480577.91, - disbursed: 136980459.33, - signed: 140225433.14, - }, - percValue: "98.91672998290423", - }, - }, - { - name: "PAK", - value: 135177866.05, - formattedValue: "135,177,866 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "PAK", - count: 6, - investment: 135177866.05, - }, - ], - totalInvestments: { - committed: 148799296.29, - disbursed: 135177866.05, - signed: 165384512.31, - }, - percValue: "90.84576971825679", - }, - }, - { - name: "KHM", - value: 134494653.83, - formattedValue: "134,494,654 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "KHM", - count: 6, - investment: 134494653.83, - }, - ], - totalInvestments: { - committed: 134494653.83, - disbursed: 134494653.83, - signed: 134494653.83, - }, - percValue: "100", - }, - }, - { - name: "AFG", - value: 132724229.67, - formattedValue: "132,724,230 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "AFG", - count: 7, - investment: 132724229.67, - }, - ], - totalInvestments: { - committed: 138019797.02, - disbursed: 132724229.67, - signed: 143247620.26, - }, - percValue: "96.16318277208258", - }, - }, - { - name: "MMR", - value: 127580525.05, - formattedValue: "127,580,525 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "MMR", - count: 3, - investment: 127580525.05, - }, - ], - totalInvestments: { - committed: 127580525.05, - disbursed: 127580525.05, - signed: 127580525.05, - }, - percValue: "100", - }, - }, - { - name: "BGD", - value: 117187365.74, - formattedValue: "117,187,366 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BGD", - count: 4, - investment: 117187365.74, - }, - ], - totalInvestments: { - committed: 124136747.47, - disbursed: 117187365.74, - signed: 139246603.99, - }, - percValue: "94.40183356529504", - }, - }, - { - name: "ERI", - value: 115397528.44, - formattedValue: "115,397,528 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "ERI", - count: 4, - investment: 115397528.44, - }, - ], - totalInvestments: { - committed: 121024779.79, - disbursed: 115397528.44, - signed: 131529842.48, - }, - percValue: "95.35033126293284", - }, - }, - { - name: "CHN", - value: 113620575.87, - formattedValue: "113,620,576 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "CHN", - count: 5, - investment: 113620575.87, - }, - ], - totalInvestments: { - committed: 113620575.87, - disbursed: 113620575.87, - signed: 113620575.87, - }, - percValue: "100", - }, - }, - { - name: "PHL", - value: 107485152.13, - formattedValue: "107,485,152 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "PHL", - count: 5, - investment: 107485152.13, - }, - ], - totalInvestments: { - committed: 110671007.85, - disbursed: 107485152.13, - signed: 114010016.94, - }, - percValue: "97.12132763413702", - }, - }, - { - name: "CAF", - value: 101561359.2, - formattedValue: "101,561,359 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "CAF", - count: 5, - investment: 101561359.2, - }, - ], - totalInvestments: { - committed: 122429523.32, - disbursed: 101561359.2, - signed: 163637502.78, - }, - percValue: "82.95495763268157", - }, - }, - { - name: "GMB", - value: 97156838.88, - formattedValue: "97,156,839 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GMB", - count: 4, - investment: 97156838.88, - }, - ], - totalInvestments: { - committed: 99264904.39, - disbursed: 97156838.88, - signed: 99385413.53, - }, - percValue: "97.87632343681342", - }, - }, - { - name: "QPA", - value: 88919188.19, - formattedValue: "88,919,188 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "QPA", - count: 4, - investment: 88919188.19, - }, - ], - totalInvestments: { - committed: 90049352.75, - disbursed: 88919188.19, - signed: 106354039.76, - }, - percValue: "98.74494982419516", - }, - }, - { - name: "HTI", - value: 87618958.72, - formattedValue: "87,618,959 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "HTI", - count: 4, - investment: 87618958.72, - }, - ], - totalInvestments: { - committed: 92941696.33, - disbursed: 87618958.72, - signed: 103461990.4, - }, - percValue: "94.27303587068067", - }, - }, - { - name: "THA", - value: 82983487.58, - formattedValue: "82,983,488 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "THA", - count: 3, - investment: 82983487.58, - }, - ], - totalInvestments: { - committed: 82983487.58, - disbursed: 82983487.58, - signed: 82983487.58, - }, - percValue: "100", - }, - }, - { - name: "GNB", - value: 77122506.16, - formattedValue: "77,122,506 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GNB", - count: 5, - investment: 77122506.16, - }, - ], - totalInvestments: { - committed: 86097266.04, - disbursed: 77122506.16, - signed: 96415216.96, - }, - percValue: "89.57602222139037", - }, - }, - { - name: "SLE", - value: 70265677.76, - formattedValue: "70,265,678 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SLE", - count: 4, - investment: 70265677.76, - }, - ], - totalInvestments: { - committed: 70265677.76, - disbursed: 70265677.76, - signed: 71258343.09, - }, - percValue: "100", - }, - }, - { - name: "LAO", - value: 63422642.75, - formattedValue: "63,422,643 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "LAO", - count: 5, - investment: 63422642.75, - }, - ], - totalInvestments: { - committed: 63422642.75, - disbursed: 63422642.75, - signed: 63422642.75, - }, - percValue: "100", - }, - }, - { - name: "VNM", - value: 62614867.42, - formattedValue: "62,614,867 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "VNM", - count: 3, - investment: 62614867.42, - }, - ], - totalInvestments: { - committed: 62614867.42, - disbursed: 62614867.42, - signed: 62614867.42, - }, - percValue: "100", - }, - }, - { - name: "NPL", - value: 48884234.74, - formattedValue: "48,884,235 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "NPL", - count: 7, - investment: 48884234.74, - }, - ], - totalInvestments: { - committed: 49996826.7, - disbursed: 48884234.74, - signed: 52810153.2, - }, - percValue: "97.77467484751386", - }, - }, - { - name: "YEM", - value: 47058789.22, - formattedValue: "47,058,789 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "YEM", - count: 3, - investment: 47058789.22, - }, - ], - totalInvestments: { - committed: 47058789.22, - disbursed: 47058789.22, - signed: 47058789.22, - }, - percValue: "100", - }, - }, - { - name: "GTM", - value: 41670507.11, - formattedValue: "41,670,507 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GTM", - count: 2, - investment: 41670507.11, - }, - ], - totalInvestments: { - committed: 43030302.31, - disbursed: 41670507.11, - signed: 43174212.3, - }, - percValue: "96.8399125104822", - }, - }, - { - name: "LKA", - value: 41198066.89, - formattedValue: "41,198,067 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "LKA", - count: 8, - investment: 41198066.89, - }, - ], - totalInvestments: { - committed: 41198066.89, - disbursed: 41198066.89, - signed: 42822944.89, - }, - percValue: "100", - }, - }, - { - name: "QUA", - value: 38076346.12, - formattedValue: "38,076,346 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "QUA", - count: 4, - investment: 38076346.12, - }, - ], - totalInvestments: { - committed: 39078710.36, - disbursed: 38076346.12, - signed: 40205961.19, - }, - percValue: "97.43501197770846", - }, - }, - { - name: "PRK", - value: 35351832.71, - formattedValue: "35,351,833 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "PRK", - count: 2, - investment: 35351832.71, - }, - ], - totalInvestments: { - committed: 35351832.72, - disbursed: 35351832.71, - signed: 35351832.71, - }, - percValue: "99.99999997171292", - }, - }, - { - name: "TLS", - value: 34971477.11, - formattedValue: "34,971,477 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "TLS", - count: 3, - investment: 34971477.11, - }, - ], - totalInvestments: { - committed: 36538212.53, - disbursed: 34971477.11, - signed: 38770003.44, - }, - percValue: "95.71206331258372", - }, - }, - { - name: "COG", - value: 32588905.78, - formattedValue: "32,588,906 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "COG", - count: 3, - investment: 32588905.78, - }, - ], - totalInvestments: { - committed: 47708715.51, - disbursed: 32588905.78, - signed: 68608018.22, - }, - percValue: "68.3080762741751", - }, - }, - { - name: "NIC", - value: 32408340.65, - formattedValue: "32,408,341 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "NIC", - count: 4, - investment: 32408340.65, - }, - ], - totalInvestments: { - committed: 32660319.02, - disbursed: 32408340.65, - signed: 33205622.44, - }, - percValue: "99.22848772589852", - }, - }, - { - name: "BOL", - value: 32096908.84, - formattedValue: "32,096,909 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BOL", - count: 4, - investment: 32096908.84, - }, - ], - totalInvestments: { - committed: 32598473.24, - disbursed: 32096908.84, - signed: 32621022.73, - }, - percValue: "98.46138683763706", - }, - }, - { - name: "NAM", - value: 29571747.15, - formattedValue: "29,571,747 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "NAM", - count: 3, - investment: 29571747.15, - }, - ], - totalInvestments: { - committed: 29571747.15, - disbursed: 29571747.15, - signed: 29664494.69, - }, - percValue: "100", - }, - }, - { - name: "COL", - value: 27934986.96, - formattedValue: "27,934,987 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "COL", - count: 2, - investment: 27934986.96, - }, - ], - totalInvestments: { - committed: 27936467.07, - disbursed: 27934986.96, - signed: 27936467.07, - }, - percValue: "99.99470187122698", - }, - }, - { - name: "IRN", - value: 27041000.45, - formattedValue: "27,041,000 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "IRN", - count: 2, - investment: 27041000.45, - }, - ], - totalInvestments: { - committed: 27041000.45, - disbursed: 27041000.45, - signed: 27041000.45, - }, - percValue: "100", - }, - }, - { - name: "QNB", - value: 25367523.33, - formattedValue: "25,367,523 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "QNB", - count: 4, - investment: 25367523.33, - }, - ], - totalInvestments: { - committed: 27921115.19, - disbursed: 25367523.33, - signed: 30053209.99, - }, - percValue: "90.85426265167742", - }, - }, - { - name: "HND", - value: 24873394.81, - formattedValue: "24,873,395 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "HND", - count: 3, - investment: 24873394.81, - }, - ], - totalInvestments: { - committed: 25901431.75, - disbursed: 24873394.81, - signed: 28060558.41, - }, - percValue: "96.03096481336404", - }, - }, - { - name: "QRD", - value: 23776914, - formattedValue: "23,776,914 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "QRD", - count: 1, - investment: 23776914, - }, - ], - totalInvestments: { - committed: 23776914, - disbursed: 23776914, - signed: 23776914, - }, - percValue: "100", - }, - }, - { - name: "COM", - value: 22811935.3, - formattedValue: "22,811,935 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "COM", - count: 3, - investment: 22811935.3, - }, - ], - totalInvestments: { - committed: 23598293.97, - disbursed: 22811935.3, - signed: 24290007.09, - }, - percValue: "96.66773084952803", - }, - }, - { - name: "GNQ", - value: 22205169.87, - formattedValue: "22,205,170 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GNQ", - count: 1, - investment: 22205169.87, - }, - ], - totalInvestments: { - committed: 22205169.87, - disbursed: 22205169.87, - signed: 22205169.87, - }, - percValue: "100", - }, - }, - { - name: "STP", - value: 20736826.75, - formattedValue: "20,736,827 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "STP", - count: 3, - investment: 20736826.75, - }, - ], - totalInvestments: { - committed: 20736826.75, - disbursed: 20736826.75, - signed: 20736826.75, - }, - percValue: "100", - }, - }, - { - name: "TJK", - value: 18221982.64, - formattedValue: "18,221,983 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "TJK", - count: 2, - investment: 18221982.64, - }, - ], - totalInvestments: { - committed: 18221982.62, - disbursed: 18221982.64, - signed: 18221982.64, - }, - percValue: "100.00000010975754", - }, - }, - { - name: "BRA", - value: 17225846.72, - formattedValue: "17,225,847 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BRA", - count: 2, - investment: 17225846.72, - }, - ], - totalInvestments: { - committed: 17225846.71, - disbursed: 17225846.72, - signed: 17225846.72, - }, - percValue: "100.0000000580523", - }, - }, - { - name: "GAB", - value: 16567303.99, - formattedValue: "16,567,304 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GAB", - count: 3, - investment: 16567303.99, - }, - ], - totalInvestments: { - committed: 16566927.1, - disbursed: 16567303.99, - signed: 16567303.99, - }, - percValue: "100.00227495417663", - }, - }, - { - name: "QRA", - value: 15738873.6, - formattedValue: "15,738,874 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "QRA", - count: 2, - investment: 15738873.6, - }, - ], - totalInvestments: { - committed: 15738873.6, - disbursed: 15738873.6, - signed: 15738873.6, - }, - percValue: "100", - }, - }, - { - name: "SWZ", - value: 15168423.7, - formattedValue: "15,168,424 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SWZ", - count: 3, - investment: 15168423.7, - }, - ], - totalInvestments: { - committed: 15457885.28, - disbursed: 15168423.7, - signed: 16799383.89, - }, - percValue: "98.12741798275269", - }, - }, - { - name: "MRT", - value: 15153989.42, - formattedValue: "15,153,989 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "MRT", - count: 3, - investment: 15153989.42, - }, - ], - totalInvestments: { - committed: 15153989.42, - disbursed: 15153989.42, - signed: 15153989.42, - }, - percValue: "100", - }, - }, - { - name: "SUR", - value: 13761974.57, - formattedValue: "13,761,975 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SUR", - count: 3, - investment: 13761974.57, - }, - ], - totalInvestments: { - committed: 15147088.99, - disbursed: 13761974.57, - signed: 17020097.5, - }, - percValue: "90.85557349722812", - }, - }, - { - name: "VEN", - value: 12721755.4, - formattedValue: "12,721,755 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "VEN", - count: 1, - investment: 12721755.4, - }, - ], - totalInvestments: { - committed: 13390919.53, - disbursed: 12721755.4, - signed: 19800000, - }, - percValue: "95.00285153307915", - }, - }, - { - name: "DJI", - value: 12531655.32, - formattedValue: "12,531,655 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "DJI", - count: 2, - investment: 12531655.32, - }, - ], - totalInvestments: { - committed: 12531655.32, - disbursed: 12531655.32, - signed: 12531655.32, - }, - percValue: "100", - }, - }, - { - name: "SLB", - value: 8714975.72, - formattedValue: "8,714,976 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SLB", - count: 1, - investment: 8714975.72, - }, - ], - totalInvestments: { - committed: 10973031.53, - disbursed: 8714975.72, - signed: 16843713.28, - }, - percValue: "79.42176868965947", - }, - }, - { - name: "BTN", - value: 8589696.81, - formattedValue: "8,589,697 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BTN", - count: 3, - investment: 8589696.81, - }, - ], - totalInvestments: { - committed: 8635056.51, - disbursed: 8589696.81, - signed: 10108708.12, - }, - percValue: "99.47470291656494", - }, - }, - { - name: "ECU", - value: 7858627.99, - formattedValue: "7,858,628 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "ECU", - count: 2, - investment: 7858627.99, - }, - ], - totalInvestments: { - committed: 7858627.99, - disbursed: 7858627.99, - signed: 7858627.99, - }, - percValue: "100", - }, - }, - { - name: "DOM", - value: 7143689.54, - formattedValue: "7,143,690 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "DOM", - count: 2, - investment: 7143689.54, - }, - ], - totalInvestments: { - committed: 7143689.54, - disbursed: 7143689.54, - signed: 7143689.54, - }, - percValue: "100", - }, - }, - { - name: "KGZ", - value: 6386455.84, - formattedValue: "6,386,456 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "KGZ", - count: 3, - investment: 6386455.84, - }, - ], - totalInvestments: { - committed: 6386455.84, - disbursed: 6386455.84, - signed: 6386455.84, - }, - percValue: "100", - }, - }, - { - name: "GUY", - value: 6154191.24, - formattedValue: "6,154,191 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GUY", - count: 3, - investment: 6154191.24, - }, - ], - totalInvestments: { - committed: 6598250.43, - disbursed: 6154191.24, - signed: 6820648.49, - }, - percValue: "93.27004643562763", - }, - }, - { - name: "AZE", - value: 5474039.39, - formattedValue: "5,474,039 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "AZE", - count: 1, - investment: 5474039.39, - }, - ], - totalInvestments: { - committed: 5474039.38, - disbursed: 5474039.39, - signed: 5474039.38, - }, - percValue: "100.00000018268045", - }, - }, - { - name: "BWA", - value: 5323403.68, - formattedValue: "5,323,404 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "BWA", - count: 1, - investment: 5323403.68, - }, - ], - totalInvestments: { - committed: 5376892.68, - disbursed: 5323403.68, - signed: 5655982.69, - }, - percValue: "99.00520610725674", - }, - }, - { - name: "UZB", - value: 5163039.82, - formattedValue: "5,163,040 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "UZB", - count: 3, - investment: 5163039.82, - }, - ], - totalInvestments: { - committed: 5163039.82, - disbursed: 5163039.82, - signed: 5163039.82, - }, - percValue: "100", - }, - }, - { - name: "GEO", - value: 3500709.8, - formattedValue: "3,500,710 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "GEO", - count: 3, - investment: 3500709.8, - }, - ], - totalInvestments: { - committed: 3500709.8, - disbursed: 3500709.8, - signed: 3500709.8, - }, - percValue: "100", - }, - }, - { - name: "PRY", - value: 2782935.98, - formattedValue: "2,782,936 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "PRY", - count: 1, - investment: 2782935.98, - }, - ], - totalInvestments: { - committed: 2782935.98, - disbursed: 2782935.98, - signed: 2782935.98, - }, - percValue: "100", - }, - }, - { - name: "CPV", - value: 2017807.24, - formattedValue: "2,017,807 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "CPV", - count: 2, - investment: 2017807.24, - }, - ], - totalInvestments: { - committed: 2040529.47, - disbursed: 2017807.24, - signed: 2040529.47, - }, - percValue: "98.88645421033787", - }, - }, - { - name: "SLV", - value: 1855321.47, - formattedValue: "1,855,321 USD", - color: "#70777E", - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "SLV", - count: 1, - investment: 1855321.47, - }, - ], - totalInvestments: { - committed: 1855321.47, - disbursed: 1855321.47, - signed: 1855321.47, - }, - percValue: "100", - }, - }, - ], - tooltip: { - header: "Malaria", - componentsStats: [ - { - name: "Malaria", - count: 377, - investment: 14493002457.729996, - }, - ], - totalInvestments: { - committed: 15649339082.819994, - disbursed: 14493002457.729996, - signed: 17769498463.409992, - }, - percValue: "92.61095552361418", - }, - }, - { - name: "Tuberculosis", - color: "#DFE3E5", - value: 7685843178.23, - formattedValue: "7,685,843,178 USD", - _children: [ - { - name: "IND", - value: 893485329.9, - formattedValue: "893,485,330 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "IND", - count: 14, - investment: 893485329.9, - }, - ], - totalInvestments: { - committed: 977275924.91, - disbursed: 893485329.9, - signed: 1216378785.19, - }, - percValue: "91.42610670392638", - }, - }, - { - name: "PAK", - value: 433024986.01, - formattedValue: "433,024,986 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PAK", - count: 11, - investment: 433024986.01, - }, - ], - totalInvestments: { - committed: 439635158.14, - disbursed: 433024986.01, - signed: 464379392.95, - }, - percValue: "98.49644142248172", - }, - }, - { - name: "IDN", - value: 406719761.76, - formattedValue: "406,719,762 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "IDN", - count: 8, - investment: 406719761.76, - }, - ], - totalInvestments: { - committed: 482279321.27, - disbursed: 406719761.76, - signed: 553608084.08, - }, - percValue: "84.33282204365992", - }, - }, - { - name: "BGD", - value: 382144082.89, - formattedValue: "382,144,083 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BGD", - count: 8, - investment: 382144082.89, - }, - ], - totalInvestments: { - committed: 453115644.79, - disbursed: 382144082.89, - signed: 503529091.95, - }, - percValue: "84.33698709897948", - }, - }, - { - name: "CHN", - value: 365410218, - formattedValue: "365,410,218 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "CHN", - count: 6, - investment: 365410218, - }, - ], - totalInvestments: { - committed: 365410217.99, - disbursed: 365410218, - signed: 365410218, - }, - percValue: "100.00000000273664", - }, - }, - { - name: "NGA", - value: 362063311.23, - formattedValue: "362,063,311 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "NGA", - count: 6, - investment: 362063311.23, - }, - ], - totalInvestments: { - committed: 421577275.26, - disbursed: 362063311.23, - signed: 520378527.01, - }, - percValue: "85.88302370110063", - }, - }, - { - name: "PHL", - value: 357323750.66, - formattedValue: "357,323,751 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PHL", - count: 4, - investment: 357323750.66, - }, - ], - totalInvestments: { - committed: 402523363.42, - disbursed: 357323750.66, - signed: 464388539.9, - }, - percValue: "88.77093434379411", - }, - }, - { - name: "MMR", - value: 242324526.97, - formattedValue: "242,324,527 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MMR", - count: 3, - investment: 242324526.97, - }, - ], - totalInvestments: { - committed: 285012494.97, - disbursed: 242324526.97, - signed: 331222865.53, - }, - percValue: "85.02242226099831", - }, - }, - { - name: "ETH", - value: 209872322.86, - formattedValue: "209,872,323 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ETH", - count: 3, - investment: 209872322.86, - }, - ], - totalInvestments: { - committed: 210075600.63, - disbursed: 209872322.86, - signed: 266969336.63, - }, - percValue: "99.90323589727204", - }, - }, - { - name: "KEN", - value: 175236985.17, - formattedValue: "175,236,985 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "KEN", - count: 5, - investment: 175236985.17, - }, - ], - totalInvestments: { - committed: 186256579.18, - disbursed: 175236985.17, - signed: 195463224.45, - }, - percValue: "94.08364844962037", - }, - }, - { - name: "VNM", - value: 153803737.35, - formattedValue: "153,803,737 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "VNM", - count: 4, - investment: 153803737.35, - }, - ], - totalInvestments: { - committed: 187982619.66, - disbursed: 153803737.35, - signed: 213174063.31, - }, - percValue: "81.81806255715631", - }, - }, - { - name: "COD", - value: 147827412.47, - formattedValue: "147,827,412 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "COD", - count: 7, - investment: 147827412.47, - }, - ], - totalInvestments: { - committed: 156630141.62, - disbursed: 147827412.47, - signed: 161863502.71, - }, - percValue: "94.37992645671208", - }, - }, - { - name: "ZWE", - value: 115242222.97, - formattedValue: "115,242,223 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ZWE", - count: 4, - investment: 115242222.97, - }, - ], - totalInvestments: { - committed: 128683526.59, - disbursed: 115242222.97, - signed: 139566662.65, - }, - percValue: "89.55475966801447", - }, - }, - { - name: "RWA", - value: 114798945, - formattedValue: "114,798,945 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RWA", - count: 3, - investment: 114798945, - }, - ], - totalInvestments: { - committed: 116325855, - disbursed: 114798945, - signed: 116325855, - }, - percValue: "98.68738553436809", - }, - }, - { - name: "SOM", - value: 112262784.93, - formattedValue: "112,262,785 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SOM", - count: 3, - investment: 112262784.93, - }, - ], - totalInvestments: { - committed: 124280117.88, - disbursed: 112262784.93, - signed: 138177821.2, - }, - percValue: "90.33044612847611", - }, - }, - { - name: "RUS", - value: 106558269.75, - formattedValue: "106,558,270 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "RUS", - count: 2, - investment: 106558269.75, - }, - ], - totalInvestments: { - committed: 106558269.74, - disbursed: 106558269.75, - signed: 106558269.75, - }, - percValue: "100.00000000938454", - }, - }, - { - name: "TZA", - value: 99405795.71, - formattedValue: "99,405,796 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TZA", - count: 2, - investment: 99405795.71, - }, - ], - totalInvestments: { - committed: 105732097.6, - disbursed: 99405795.71, - signed: 133274877.61, - }, - percValue: "94.01666851069831", - }, - }, - { - name: "UZB", - value: 98361010.16, - formattedValue: "98,361,010 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "UZB", - count: 4, - investment: 98361010.16, - }, - ], - totalInvestments: { - committed: 98430445.66, - disbursed: 98361010.16, - signed: 99322122.82, - }, - percValue: "99.92945729389477", - }, - }, - { - name: "MOZ", - value: 96330527.04, - formattedValue: "96,330,527 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MOZ", - count: 3, - investment: 96330527.04, - }, - ], - totalInvestments: { - committed: 128528193.43, - disbursed: 96330527.04, - signed: 144051182.63, - }, - percValue: "74.94894658459839", - }, - }, - { - name: "KAZ", - value: 90414449.53, - formattedValue: "90,414,450 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "KAZ", - count: 4, - investment: 90414449.53, - }, - ], - totalInvestments: { - committed: 91457863.48, - disbursed: 90414449.53, - signed: 93616205.74, - }, - percValue: "98.85913150570352", - }, - }, - { - name: "PER", - value: 89194254.4, - formattedValue: "89,194,254 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PER", - count: 5, - investment: 89194254.4, - }, - ], - totalInvestments: { - committed: 89265262.96, - disbursed: 89194254.4, - signed: 91046018.71, - }, - percValue: "99.92045219198893", - }, - }, - { - name: "SDN", - value: 88253333.35, - formattedValue: "88,253,333 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SDN", - count: 4, - investment: 88253333.35, - }, - ], - totalInvestments: { - committed: 91400309.35, - disbursed: 88253333.35, - signed: 99874609.02, - }, - percValue: "96.55693069051961", - }, - }, - { - name: "TJK", - value: 85556768.31, - formattedValue: "85,556,768 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TJK", - count: 5, - investment: 85556768.31, - }, - ], - totalInvestments: { - committed: 85556768.31, - disbursed: 85556768.31, - signed: 85689840.81, - }, - percValue: "100", - }, - }, - { - name: "GHA", - value: 85224608.61, - formattedValue: "85,224,609 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GHA", - count: 3, - investment: 85224608.61, - }, - ], - totalInvestments: { - committed: 85224608.61, - disbursed: 85224608.61, - signed: 85224608.61, - }, - percValue: "100", - }, - }, - { - name: "SSD", - value: 79596125.5, - formattedValue: "79,596,126 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SSD", - count: 4, - investment: 79596125.5, - }, - ], - totalInvestments: { - committed: 79596125.5, - disbursed: 79596125.5, - signed: 79596125.54, - }, - percValue: "100", - }, - }, - { - name: "NPL", - value: 75941802.93, - formattedValue: "75,941,803 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "NPL", - count: 4, - investment: 75941802.93, - }, - ], - totalInvestments: { - committed: 83964471.63, - disbursed: 75941802.93, - signed: 95065266.9, - }, - percValue: "90.44516264527587", - }, - }, - { - name: "UGA", - value: 74718676.4, - formattedValue: "74,718,676 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "UGA", - count: 3, - investment: 74718676.4, - }, - ], - totalInvestments: { - committed: 89165894.96, - disbursed: 74718676.4, - signed: 101759738.71, - }, - percValue: "83.79737166718168", - }, - }, - { - name: "PRK", - value: 68972576.84, - formattedValue: "68,972,577 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PRK", - count: 2, - investment: 68972576.84, - }, - ], - totalInvestments: { - committed: 68972576.84, - disbursed: 68972576.84, - signed: 68972576.84, - }, - percValue: "100", - }, - }, - { - name: "AFG", - value: 66531536.56, - formattedValue: "66,531,537 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "AFG", - count: 6, - investment: 66531536.56, - }, - ], - totalInvestments: { - committed: 78083194.32, - disbursed: 66531536.56, - signed: 90854656.36, - }, - percValue: "85.20596158930297", - }, - }, - { - name: "NER", - value: 62717307.46, - formattedValue: "62,717,307 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "NER", - count: 4, - investment: 62717307.46, - }, - ], - totalInvestments: { - committed: 64725052.73, - disbursed: 62717307.46, - signed: 69410958.61, - }, - percValue: "96.8980399624002", - }, - }, - { - name: "QPA", - value: 60469222.05, - formattedValue: "60,469,222 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QPA", - count: 3, - investment: 60469222.05, - }, - ], - totalInvestments: { - committed: 63762213.17, - disbursed: 60469222.05, - signed: 67816841.63, - }, - percValue: "94.83551314127008", - }, - }, - { - name: "UKR", - value: 60065489.01, - formattedValue: "60,065,489 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "UKR", - count: 2, - investment: 60065489.01, - }, - ], - totalInvestments: { - committed: 60065489.01, - disbursed: 60065489.01, - signed: 60065489.01, - }, - percValue: "100", - }, - }, - { - name: "THA", - value: 58962474.71, - formattedValue: "58,962,475 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "THA", - count: 5, - investment: 58962474.71, - }, - ], - totalInvestments: { - committed: 58962474.71, - disbursed: 58962474.71, - signed: 58962474.71, - }, - percValue: "100", - }, - }, - { - name: "CIV", - value: 58257272.01, - formattedValue: "58,257,272 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "CIV", - count: 5, - investment: 58257272.01, - }, - ], - totalInvestments: { - committed: 64794299.03, - disbursed: 58257272.01, - signed: 74298391.76, - }, - percValue: "89.91110773962794", - }, - }, - { - name: "MDA", - value: 57708741.85, - formattedValue: "57,708,742 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MDA", - count: 6, - investment: 57708741.85, - }, - ], - totalInvestments: { - committed: 57894500.27, - disbursed: 57708741.85, - signed: 57878207.78, - }, - percValue: "99.67914323617323", - }, - }, - { - name: "AZE", - value: 55443116.07, - formattedValue: "55,443,116 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "AZE", - count: 4, - investment: 55443116.07, - }, - ], - totalInvestments: { - committed: 55445420.51, - disbursed: 55443116.07, - signed: 55469323.07, - }, - percValue: "99.9958437685587", - }, - }, - { - name: "GEO", - value: 52755662.37, - formattedValue: "52,755,662 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GEO", - count: 6, - investment: 52755662.37, - }, - ], - totalInvestments: { - committed: 54254600.6, - disbursed: 52755662.37, - signed: 56083092.03, - }, - percValue: "97.23721451559261", - }, - }, - { - name: "KHM", - value: 49915648.24, - formattedValue: "49,915,648 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "KHM", - count: 4, - investment: 49915648.24, - }, - ], - totalInvestments: { - committed: 49915648.24, - disbursed: 49915648.24, - signed: 49915648.24, - }, - percValue: "100", - }, - }, - { - name: "ZMB", - value: 48422526.21, - formattedValue: "48,422,526 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ZMB", - count: 7, - investment: 48422526.21, - }, - ], - totalInvestments: { - committed: 48422526.21, - disbursed: 48422526.21, - signed: 48422526.21, - }, - percValue: "100", - }, - }, - { - name: "BLR", - value: 47313159.94, - formattedValue: "47,313,160 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BLR", - count: 3, - investment: 47313159.94, - }, - ], - totalInvestments: { - committed: 47313159.94, - disbursed: 47313159.94, - signed: 47313159.94, - }, - percValue: "100", - }, - }, - { - name: "BFA", - value: 46695205.6, - formattedValue: "46,695,206 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BFA", - count: 5, - investment: 46695205.6, - }, - ], - totalInvestments: { - committed: 53290933.16, - disbursed: 46695205.6, - signed: 57932088.41, - }, - percValue: "87.62317120588399", - }, - }, - { - name: "IRQ", - value: 45815374.65, - formattedValue: "45,815,375 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "IRQ", - count: 3, - investment: 45815374.65, - }, - ], - totalInvestments: { - committed: 45815374.65, - disbursed: 45815374.65, - signed: 45815374.65, - }, - percValue: "100", - }, - }, - { - name: "ROU", - value: 44131443.55, - formattedValue: "44,131,444 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ROU", - count: 4, - investment: 44131443.55, - }, - ], - totalInvestments: { - committed: 43914312.03, - disbursed: 44131443.55, - signed: 44235735.36, - }, - percValue: "100.49444363343702", - }, - }, - { - name: "PNG", - value: 43635791.63, - formattedValue: "43,635,792 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PNG", - count: 3, - investment: 43635791.63, - }, - ], - totalInvestments: { - committed: 43635791.63, - disbursed: 43635791.63, - signed: 43635791.63, - }, - percValue: "100", - }, - }, - { - name: "NAM", - value: 39647823.96, - formattedValue: "39,647,824 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "NAM", - count: 3, - investment: 39647823.96, - }, - ], - totalInvestments: { - committed: 39647823.96, - disbursed: 39647823.96, - signed: 39647823.96, - }, - percValue: "100", - }, - }, - { - name: "LAO", - value: 38768543.14, - formattedValue: "38,768,543 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "LAO", - count: 4, - investment: 38768543.14, - }, - ], - totalInvestments: { - committed: 38777415.64, - disbursed: 38768543.14, - signed: 38909110.01, - }, - percValue: "99.97711941383002", - }, - }, - { - name: "KGZ", - value: 38182464.65, - formattedValue: "38,182,465 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "KGZ", - count: 4, - investment: 38182464.65, - }, - ], - totalInvestments: { - committed: 38182464.65, - disbursed: 38182464.65, - signed: 38182464.65, - }, - percValue: "100", - }, - }, - { - name: "MDG", - value: 38167078.21, - formattedValue: "38,167,078 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MDG", - count: 5, - investment: 38167078.21, - }, - ], - totalInvestments: { - committed: 44315598.21, - disbursed: 38167078.21, - signed: 50359909.27, - }, - percValue: "86.12560757757623", - }, - }, - { - name: "MNG", - value: 37340209.83, - formattedValue: "37,340,210 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MNG", - count: 3, - investment: 37340209.83, - }, - ], - totalInvestments: { - committed: 38680333.54, - disbursed: 37340209.83, - signed: 39069179.67, - }, - percValue: "96.53538739883369", - }, - }, - { - name: "SWZ", - value: 35593268.38, - formattedValue: "35,593,268 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SWZ", - count: 3, - investment: 35593268.38, - }, - ], - totalInvestments: { - committed: 35593268.38, - disbursed: 35593268.38, - signed: 35593268.38, - }, - percValue: "100", - }, - }, - { - name: "CMR", - value: 35283438.33, - formattedValue: "35,283,438 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "CMR", - count: 3, - investment: 35283438.33, - }, - ], - totalInvestments: { - committed: 46420839.63, - disbursed: 35283438.33, - signed: 55426433.63, - }, - percValue: "76.0077555925931", - }, - }, - { - name: "DOM", - value: 34569012.11, - formattedValue: "34,569,012 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "DOM", - count: 5, - investment: 34569012.11, - }, - ], - totalInvestments: { - committed: 34695037.06, - disbursed: 34569012.11, - signed: 35720447.96, - }, - percValue: "99.63676375447572", - }, - }, - { - name: "HTI", - value: 34531944.88, - formattedValue: "34,531,945 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "HTI", - count: 2, - investment: 34531944.88, - }, - ], - totalInvestments: { - committed: 34531944.88, - disbursed: 34531944.88, - signed: 34531944.88, - }, - percValue: "100", - }, - }, - { - name: "AGO", - value: 34237455.05, - formattedValue: "34,237,455 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "AGO", - count: 3, - investment: 34237455.05, - }, - ], - totalInvestments: { - committed: 34237455.05, - disbursed: 34237455.05, - signed: 39702091.45, - }, - percValue: "100", - }, - }, - { - name: "BEN", - value: 33314242.24, - formattedValue: "33,314,242 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BEN", - count: 3, - investment: 33314242.24, - }, - ], - totalInvestments: { - committed: 36972198.65, - disbursed: 33314242.24, - signed: 40405617.6, - }, - percValue: "90.10619724126144", - }, - }, - { - name: "BGR", - value: 31094994.46, - formattedValue: "31,094,994 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BGR", - count: 3, - investment: 31094994.46, - }, - ], - totalInvestments: { - committed: 31257688.74, - disbursed: 31094994.46, - signed: 31257688.77, - }, - percValue: "99.47950636608714", - }, - }, - { - name: "TKM", - value: 27991552.41, - formattedValue: "27,991,552 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TKM", - count: 2, - investment: 27991552.41, - }, - ], - totalInvestments: { - committed: 31739514.96, - disbursed: 27991552.41, - signed: 33114956.19, - }, - percValue: "88.19149393201691", - }, - }, - { - name: "ERI", - value: 27173020.61, - formattedValue: "27,173,021 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ERI", - count: 2, - investment: 27173020.61, - }, - ], - totalInvestments: { - committed: 29077386.64, - disbursed: 27173020.61, - signed: 31348719.94, - }, - percValue: "93.45069743172765", - }, - }, - { - name: "ARM", - value: 26674232.76, - formattedValue: "26,674,233 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ARM", - count: 3, - investment: 26674232.76, - }, - ], - totalInvestments: { - committed: 26794665.81, - disbursed: 26674232.76, - signed: 26794665.82, - }, - percValue: "99.55053348732174", - }, - }, - { - name: "SEN", - value: 26396004.47, - formattedValue: "26,396,004 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SEN", - count: 3, - investment: 26396004.47, - }, - ], - totalInvestments: { - committed: 26905415.08, - disbursed: 26396004.47, - signed: 26905415.07, - }, - percValue: "98.10666139702612", - }, - }, - { - name: "BOL", - value: 25510427.25, - formattedValue: "25,510,427 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BOL", - count: 5, - investment: 25510427.25, - }, - ], - totalInvestments: { - committed: 26969718.81, - disbursed: 25510427.25, - signed: 28152738.03, - }, - percValue: "94.58914803568915", - }, - }, - { - name: "SLV", - value: 23986808.27, - formattedValue: "23,986,808 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SLV", - count: 5, - investment: 23986808.27, - }, - ], - totalInvestments: { - committed: 23986808.27, - disbursed: 23986808.27, - signed: 24103473.78, - }, - percValue: "100", - }, - }, - { - name: "MLI", - value: 23397377.48, - formattedValue: "23,397,377 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MLI", - count: 4, - investment: 23397377.48, - }, - ], - totalInvestments: { - committed: 24420298.57, - disbursed: 23397377.48, - signed: 24598132.61, - }, - percValue: "95.81118516193473", - }, - }, - { - name: "LKA", - value: 23268064.9, - formattedValue: "23,268,065 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "LKA", - count: 5, - investment: 23268064.9, - }, - ], - totalInvestments: { - committed: 23588863.59, - disbursed: 23268064.9, - signed: 23899563.8, - }, - percValue: "98.64004177744283", - }, - }, - { - name: "LBR", - value: 22463624.2, - formattedValue: "22,463,624 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "LBR", - count: 3, - investment: 22463624.2, - }, - ], - totalInvestments: { - committed: 22463624.2, - disbursed: 22463624.2, - signed: 22463624.2, - }, - percValue: "100", - }, - }, - { - name: "ECU", - value: 22254783.17, - formattedValue: "22,254,783 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ECU", - count: 3, - investment: 22254783.17, - }, - ], - totalInvestments: { - committed: 22254783.17, - disbursed: 22254783.17, - signed: 22254783.17, - }, - percValue: "99.99999999999999", - }, - }, - { - name: "NIC", - value: 21704916.31, - formattedValue: "21,704,916 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "NIC", - count: 4, - investment: 21704916.31, - }, - ], - totalInvestments: { - committed: 22500849.02, - disbursed: 21704916.31, - signed: 23611805.59, - }, - percValue: "96.46265476785996", - }, - }, - { - name: "BRA", - value: 21348358.64, - formattedValue: "21,348,359 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BRA", - count: 2, - investment: 21348358.64, - }, - ], - totalInvestments: { - committed: 21348358.64, - disbursed: 21348358.64, - signed: 21348358.64, - }, - percValue: "100", - }, - }, - { - name: "PRY", - value: 21219481.38, - formattedValue: "21,219,481 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PRY", - count: 3, - investment: 21219481.38, - }, - ], - totalInvestments: { - committed: 21682246.57, - disbursed: 21219481.38, - signed: 22435195.01, - }, - percValue: "97.86569538121437", - }, - }, - { - name: "GMB", - value: 21094780.47, - formattedValue: "21,094,780 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GMB", - count: 3, - investment: 21094780.47, - }, - ], - totalInvestments: { - committed: 21094780.47, - disbursed: 21094780.47, - signed: 21094780.47, - }, - percValue: "100", - }, - }, - { - name: "BIH", - value: 20131147.53, - formattedValue: "20,131,148 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BIH", - count: 2, - investment: 20131147.53, - }, - ], - totalInvestments: { - committed: 20131147.53, - disbursed: 20131147.53, - signed: 20131147.53, - }, - percValue: "100", - }, - }, - { - name: "BDI", - value: 19677168.04, - formattedValue: "19,677,168 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BDI", - count: 3, - investment: 19677168.04, - }, - ], - totalInvestments: { - committed: 19677168.04, - disbursed: 19677168.04, - signed: 19677168.04, - }, - percValue: "100", - }, - }, - { - name: "IRN", - value: 18585342.94, - formattedValue: "18,585,343 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "IRN", - count: 1, - investment: 18585342.94, - }, - ], - totalInvestments: { - committed: 18585342.94, - disbursed: 18585342.94, - signed: 18585342.94, - }, - percValue: "100", - }, - }, - { - name: "TLS", - value: 17886969.41, - formattedValue: "17,886,969 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TLS", - count: 2, - investment: 17886969.41, - }, - ], - totalInvestments: { - committed: 21383180.5, - disbursed: 17886969.41, - signed: 24923840.65, - }, - percValue: "83.64971436311825", - }, - }, - { - name: "LSO", - value: 16592135.27, - formattedValue: "16,592,135 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "LSO", - count: 3, - investment: 16592135.27, - }, - ], - totalInvestments: { - committed: 16592135.27, - disbursed: 16592135.27, - signed: 16592135.27, - }, - percValue: "100", - }, - }, - { - name: "YEM", - value: 16390144.03, - formattedValue: "16,390,144 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "YEM", - count: 2, - investment: 16390144.03, - }, - ], - totalInvestments: { - committed: 16390144.03, - disbursed: 16390144.03, - signed: 16390144.03, - }, - percValue: "100", - }, - }, - { - name: "GIN", - value: 16135780.61, - formattedValue: "16,135,781 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GIN", - count: 4, - investment: 16135780.61, - }, - ], - totalInvestments: { - committed: 16135780.62, - disbursed: 16135780.61, - signed: 16135780.61, - }, - percValue: "99.99999993802594", - }, - }, - { - name: "TCD", - value: 16115138.23, - formattedValue: "16,115,138 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TCD", - count: 4, - investment: 16115138.23, - }, - ], - totalInvestments: { - committed: 16615747.86, - disbursed: 16115138.23, - signed: 17050927.1, - }, - percValue: "96.98713753832806", - }, - }, - { - name: "HND", - value: 15830986.31, - formattedValue: "15,830,986 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "HND", - count: 2, - investment: 15830986.31, - }, - ], - totalInvestments: { - committed: 15830986.31, - disbursed: 15830986.31, - signed: 15830986.31, - }, - percValue: "100", - }, - }, - { - name: "SLE", - value: 15214215.44, - formattedValue: "15,214,215 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SLE", - count: 2, - investment: 15214215.44, - }, - ], - totalInvestments: { - committed: 15214215.44, - disbursed: 15214215.44, - signed: 15214215.44, - }, - percValue: "100", - }, - }, - { - name: "QUA", - value: 14887840.47, - formattedValue: "14,887,840 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QUA", - count: 2, - investment: 14887840.47, - }, - ], - totalInvestments: { - committed: 14887840.47, - disbursed: 14887840.47, - signed: 14887840.47, - }, - percValue: "100", - }, - }, - { - name: "GNB", - value: 14833137.31, - formattedValue: "14,833,137 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GNB", - count: 5, - investment: 14833137.31, - }, - ], - totalInvestments: { - committed: 15400527.18, - disbursed: 14833137.31, - signed: 15400527.18, - }, - percValue: "96.31577631487288", - }, - }, - { - name: "TGO", - value: 13826707.28, - formattedValue: "13,826,707 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TGO", - count: 4, - investment: 13826707.28, - }, - ], - totalInvestments: { - committed: 14151798.54, - disbursed: 13826707.28, - signed: 17267123.17, - }, - percValue: "97.7028272478503", - }, - }, - { - name: "GTM", - value: 13816584.95, - formattedValue: "13,816,585 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GTM", - count: 3, - investment: 13816584.95, - }, - ], - totalInvestments: { - committed: 15453752.6, - disbursed: 13816584.95, - signed: 17059247.32, - }, - percValue: "89.4060187685417", - }, - }, - { - name: "EGY", - value: 13667350.7, - formattedValue: "13,667,351 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "EGY", - count: 2, - investment: 13667350.7, - }, - ], - totalInvestments: { - committed: 13667350.7, - disbursed: 13667350.7, - signed: 13667350.7, - }, - percValue: "100", - }, - }, - { - name: "MAR", - value: 12604444.38, - formattedValue: "12,604,444 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MAR", - count: 3, - investment: 12604444.38, - }, - ], - totalInvestments: { - committed: 12758600.97, - disbursed: 12604444.38, - signed: 12869944.42, - }, - percValue: "98.79174377847166", - }, - }, - { - name: "FJI", - value: 11573365.31, - formattedValue: "11,573,365 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "FJI", - count: 1, - investment: 11573365.31, - }, - ], - totalInvestments: { - committed: 11573365.31, - disbursed: 11573365.31, - signed: 11573365.31, - }, - percValue: "100", - }, - }, - { - name: "QNA", - value: 11525073.95, - formattedValue: "11,525,074 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QNA", - count: 3, - investment: 11525073.95, - }, - ], - totalInvestments: { - committed: 11525321.39, - disbursed: 11525073.95, - signed: 11696456.7, - }, - percValue: "99.99785307505424", - }, - }, - { - name: "QRA", - value: 10403854.36, - formattedValue: "10,403,854 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QRA", - count: 2, - investment: 10403854.36, - }, - ], - totalInvestments: { - committed: 11505147.85, - disbursed: 10403854.36, - signed: 14610000, - }, - percValue: "90.42781975200779", - }, - }, - { - name: "QMZ", - value: 10212769.64, - formattedValue: "10,212,770 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QMZ", - count: 1, - investment: 10212769.64, - }, - ], - totalInvestments: { - committed: 10212769.64, - disbursed: 10212769.64, - signed: 10822808.89, - }, - percValue: "100", - }, - }, - { - name: "SRB", - value: 9972809.94, - formattedValue: "9,972,810 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SRB", - count: 3, - investment: 9972809.94, - }, - ], - totalInvestments: { - committed: 9972809.94, - disbursed: 9972809.94, - signed: 9972809.94, - }, - percValue: "100", - }, - }, - { - name: "MWI", - value: 8521555.34, - formattedValue: "8,521,555 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MWI", - count: 1, - investment: 8521555.34, - }, - ], - totalInvestments: { - committed: 8521555.34, - disbursed: 8521555.34, - signed: 8521555.34, - }, - percValue: "100", - }, - }, - { - name: "MKD", - value: 8303013.22, - formattedValue: "8,303,013 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MKD", - count: 2, - investment: 8303013.22, - }, - ], - totalInvestments: { - committed: 8431950.86, - disbursed: 8303013.22, - signed: 8431950.85, - }, - percValue: "98.47084450394912", - }, - }, - { - name: "SYR", - value: 8283978.61, - formattedValue: "8,283,979 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SYR", - count: 1, - investment: 8283978.61, - }, - ], - totalInvestments: { - committed: 8283978.61, - disbursed: 8283978.61, - signed: 8283978.61, - }, - percValue: "100", - }, - }, - { - name: "BWA", - value: 8200122.69, - formattedValue: "8,200,123 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BWA", - count: 1, - investment: 8200122.69, - }, - ], - totalInvestments: { - committed: 8200122.69, - disbursed: 8200122.69, - signed: 8200122.69, - }, - percValue: "100", - }, - }, - { - name: "COL", - value: 8151941.36, - formattedValue: "8,151,941 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "COL", - count: 2, - investment: 8151941.36, - }, - ], - totalInvestments: { - committed: 8151941.36, - disbursed: 8151941.36, - signed: 8151941.36, - }, - percValue: "100", - }, - }, - { - name: "SLB", - value: 7566594.19, - formattedValue: "7,566,594 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SLB", - count: 3, - investment: 7566594.19, - }, - ], - totalInvestments: { - committed: 7960079.42, - disbursed: 7566594.19, - signed: 8604255.19, - }, - percValue: "95.0567675366234", - }, - }, - { - name: "CUB", - value: 7426441.59, - formattedValue: "7,426,442 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "CUB", - count: 1, - investment: 7426441.59, - }, - ], - totalInvestments: { - committed: 7426441.59, - disbursed: 7426441.59, - signed: 7426441.59, - }, - percValue: "100", - }, - }, - { - name: "QSE", - value: 7337855.58, - formattedValue: "7,337,856 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QSE", - count: 1, - investment: 7337855.58, - }, - ], - totalInvestments: { - committed: 7337855.58, - disbursed: 7337855.58, - signed: 9999999, - }, - percValue: "100", - }, - }, - { - name: "CAF", - value: 7165364.28, - formattedValue: "7,165,364 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "CAF", - count: 3, - investment: 7165364.28, - }, - ], - totalInvestments: { - committed: 7179084.3, - disbursed: 7165364.28, - signed: 7179084.3, - }, - percValue: "99.80888899716639", - }, - }, - { - name: "MRT", - value: 7019197.46, - formattedValue: "7,019,197 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MRT", - count: 3, - investment: 7019197.46, - }, - ], - totalInvestments: { - committed: 7019197.46, - disbursed: 7019197.46, - signed: 7019197.46, - }, - percValue: "100", - }, - }, - { - name: "BTN", - value: 5977562.05, - formattedValue: "5,977,562 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "BTN", - count: 3, - investment: 5977562.05, - }, - ], - totalInvestments: { - committed: 5977648.33, - disbursed: 5977562.05, - signed: 5977648.33, - }, - percValue: "99.998556623019", - }, - }, - { - name: "QSF", - value: 5956465.39, - formattedValue: "5,956,465 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QSF", - count: 1, - investment: 5956465.39, - }, - ], - totalInvestments: { - committed: 5956465.39, - disbursed: 5956465.39, - signed: 5956465.39, - }, - percValue: "100", - }, - }, - { - name: "COG", - value: 5485676.99, - formattedValue: "5,485,677 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "COG", - count: 2, - investment: 5485676.99, - }, - ], - totalInvestments: { - committed: 5467550.11, - disbursed: 5485676.99, - signed: 5467550.11, - }, - percValue: "100.33153569030571", - }, - }, - { - name: "QPB", - value: 5013229.82, - formattedValue: "5,013,230 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QPB", - count: 1, - investment: 5013229.82, - }, - ], - totalInvestments: { - committed: 5779761.14, - disbursed: 5013229.82, - signed: 7262746, - }, - percValue: "86.73766438728643", - }, - }, - { - name: "TUN", - value: 4803936.07, - formattedValue: "4,803,936 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "TUN", - count: 2, - investment: 4803936.07, - }, - ], - totalInvestments: { - committed: 4803936.07, - disbursed: 4803936.07, - signed: 4803936.07, - }, - percValue: "100", - }, - }, - { - name: "DJI", - value: 4548534.55, - formattedValue: "4,548,535 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "DJI", - count: 2, - investment: 4548534.55, - }, - ], - totalInvestments: { - committed: 4578868.44, - disbursed: 4548534.55, - signed: 4578868.44, - }, - percValue: "99.3375243163789", - }, - }, - { - name: "GUY", - value: 4214536.55, - formattedValue: "4,214,537 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GUY", - count: 3, - investment: 4214536.55, - }, - ], - totalInvestments: { - committed: 4265808.78, - disbursed: 4214536.55, - signed: 4416456.98, - }, - percValue: "98.79806543977341", - }, - }, - { - name: "GAB", - value: 4187294.02, - formattedValue: "4,187,294 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "GAB", - count: 2, - investment: 4187294.02, - }, - ], - totalInvestments: { - committed: 4173456.84, - disbursed: 4187294.02, - signed: 4263812.18, - }, - percValue: "100.33155200905348", - }, - }, - { - name: "JOR", - value: 3696794.84, - formattedValue: "3,696,795 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "JOR", - count: 2, - investment: 3696794.84, - }, - ], - totalInvestments: { - committed: 3696794.84, - disbursed: 3696794.84, - signed: 3696794.84, - }, - percValue: "100", - }, - }, - { - name: "QSD", - value: 3337164.79, - formattedValue: "3,337,165 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QSD", - count: 1, - investment: 3337164.79, - }, - ], - totalInvestments: { - committed: 4016601.89, - disbursed: 3337164.79, - signed: 5000000, - }, - percValue: "83.08428072765757", - }, - }, - { - name: "SUR", - value: 3260336, - formattedValue: "3,260,336 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "SUR", - count: 1, - investment: 3260336, - }, - ], - totalInvestments: { - committed: 3260336, - disbursed: 3260336, - signed: 3260336, - }, - percValue: "100", - }, - }, - { - name: "STP", - value: 2843418.22, - formattedValue: "2,843,418 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "STP", - count: 2, - investment: 2843418.22, - }, - ], - totalInvestments: { - committed: 2843418.22, - disbursed: 2843418.22, - signed: 2843418.22, - }, - percValue: "99.99999999999999", - }, - }, - { - name: "COM", - value: 2621231.57, - formattedValue: "2,621,232 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "COM", - count: 2, - investment: 2621231.57, - }, - ], - totalInvestments: { - committed: 2613416.66, - disbursed: 2621231.57, - signed: 2758508.38, - }, - percValue: "100.29903038882439", - }, - }, - { - name: "QNB", - value: 2276773.81, - formattedValue: "2,276,774 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "QNB", - count: 2, - investment: 2276773.81, - }, - ], - totalInvestments: { - committed: 2276773.81, - disbursed: 2276773.81, - signed: 2276773.81, - }, - percValue: "100", - }, - }, - { - name: "PSE", - value: 2079054.23, - formattedValue: "2,079,054 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PSE", - count: 1, - investment: 2079054.23, - }, - ], - totalInvestments: { - committed: 2079054.23, - disbursed: 2079054.23, - signed: 2079054.23, - }, - percValue: "100", - }, - }, - { - name: "MNE", - value: 1742806.56, - formattedValue: "1,742,807 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "MNE", - count: 1, - investment: 1742806.56, - }, - ], - totalInvestments: { - committed: 1742806.56, - disbursed: 1742806.56, - signed: 1742806.56, - }, - percValue: "100", - }, - }, - { - name: "ALB", - value: 1263059.64, - formattedValue: "1,263,060 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "ALB", - count: 1, - investment: 1263059.64, - }, - ], - totalInvestments: { - committed: 1263059.64, - disbursed: 1263059.64, - signed: 1263059.64, - }, - percValue: "100", - }, - }, - { - name: "PAN", - value: 553816.54, - formattedValue: "553,817 USD", - color: "#70777E", - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "PAN", - count: 1, - investment: 553816.54, - }, - ], - totalInvestments: { - committed: 553816.54, - disbursed: 553816.54, - signed: 553816.54, - }, - percValue: "100", - }, - }, - ], - tooltip: { - header: "Tuberculosis", - componentsStats: [ - { - name: "Tuberculosis", - count: 394, - investment: 7685843178.23, - }, - ], - totalInvestments: { - committed: 8290878015.610002, - disbursed: 7685843178.23, - signed: 9174309106.33, - }, - percValue: "92.70240333724792", - }, - }, - { - name: "TB/HIV", - color: "#DFE3E5", - value: 3625684503.7600007, - formattedValue: "3,625,684,504 USD", - _children: [ - { - name: "MWI", - value: 663882911.42, - formattedValue: "663,882,911 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MWI", - count: 3, - investment: 663882911.42, - }, - ], - totalInvestments: { - committed: 751986967.92, - disbursed: 663882911.42, - signed: 1075233545.8, - }, - percValue: "88.28383199994857", - }, - }, - { - name: "ZAF", - value: 623765995.33, - formattedValue: "623,765,995 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "ZAF", - count: 13, - investment: 623765995.33, - }, - ], - totalInvestments: { - committed: 658788926.96, - disbursed: 623765995.33, - signed: 781827233.03, - }, - percValue: "94.68374008779803", - }, - }, - { - name: "ZMB", - value: 408006565.98, - formattedValue: "408,006,566 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "ZMB", - count: 2, - investment: 408006565.98, - }, - ], - totalInvestments: { - committed: 528824945.02, - disbursed: 408006565.98, - signed: 632681233.92, - }, - percValue: "77.15342663432213", - }, - }, - { - name: "UKR", - value: 295584362.8, - formattedValue: "295,584,363 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "UKR", - count: 3, - investment: 295584362.8, - }, - ], - totalInvestments: { - committed: 345645959.88, - disbursed: 295584362.8, - signed: 402872211.17, - }, - percValue: "85.51651027618544", - }, - }, - { - name: "COD", - value: 193451141.66, - formattedValue: "193,451,142 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "COD", - count: 1, - investment: 193451141.66, - }, - ], - totalInvestments: { - committed: 252650282.06, - disbursed: 193451141.66, - signed: 362554563.9, - }, - percValue: "76.56874161496434", - }, - }, - { - name: "HTI", - value: 140020714.03, - formattedValue: "140,020,714 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "HTI", - count: 2, - investment: 140020714.03, - }, - ], - totalInvestments: { - committed: 166465963.76, - disbursed: 140020714.03, - signed: 223772255.02, - }, - percValue: "84.11371962611705", - }, - }, - { - name: "TZA", - value: 110855766.36, - formattedValue: "110,855,766 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "TZA", - count: 3, - investment: 110855766.36, - }, - ], - totalInvestments: { - committed: 123935795.16, - disbursed: 110855766.36, - signed: 137883142.85, - }, - percValue: "89.44612508185081", - }, - }, - { - name: "LSO", - value: 107908082.61, - formattedValue: "107,908,083 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "LSO", - count: 2, - investment: 107908082.61, - }, - ], - totalInvestments: { - committed: 115141442.53, - disbursed: 107908082.61, - signed: 124379868.86, - }, - percValue: "93.71784844703907", - }, - }, - { - name: "THA", - value: 90745735.63, - formattedValue: "90,745,736 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "THA", - count: 2, - investment: 90745735.63, - }, - ], - totalInvestments: { - committed: 103993967.42, - disbursed: 90745735.63, - signed: 147293115.88, - }, - percValue: "87.26057662893615", - }, - }, - { - name: "CAF", - value: 89017533.03, - formattedValue: "89,017,533 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "CAF", - count: 2, - investment: 89017533.03, - }, - ], - totalInvestments: { - committed: 114115469.38, - disbursed: 89017533.03, - signed: 169076244.31, - }, - percValue: "78.00654329657546", - }, - }, - { - name: "GHA", - value: 85559584.44, - formattedValue: "85,559,584 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "GHA", - count: 2, - investment: 85559584.44, - }, - ], - totalInvestments: { - committed: 118029507.64, - disbursed: 85559584.44, - signed: 167237155, - }, - percValue: "72.48999521455599", - }, - }, - { - name: "KHM", - value: 63107469.77, - formattedValue: "63,107,470 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "KHM", - count: 1, - investment: 63107469.77, - }, - ], - totalInvestments: { - committed: 95232170.31, - disbursed: 63107469.77, - signed: 121330754, - }, - percValue: "66.2669658420809", - }, - }, - { - name: "KGZ", - value: 60513985.61, - formattedValue: "60,513,986 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "KGZ", - count: 1, - investment: 60513985.61, - }, - ], - totalInvestments: { - committed: 60513985.61, - disbursed: 60513985.61, - signed: 72921225.48, - }, - percValue: "100", - }, - }, - { - name: "BDI", - value: 50297527.04, - formattedValue: "50,297,527 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "BDI", - count: 2, - investment: 50297527.04, - }, - ], - totalInvestments: { - committed: 68823207.66, - disbursed: 50297527.04, - signed: 87653636.85, - }, - percValue: "73.08221855697215", - }, - }, - { - name: "LBR", - value: 47120231.79, - formattedValue: "47,120,232 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "LBR", - count: 2, - investment: 47120231.79, - }, - ], - totalInvestments: { - committed: 54624488.66, - disbursed: 47120231.79, - signed: 84049167.14, - }, - percValue: "86.26210138696428", - }, - }, - { - name: "BWA", - value: 42208461.11, - formattedValue: "42,208,461 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "BWA", - count: 2, - investment: 42208461.11, - }, - ], - totalInvestments: { - committed: 42459400.52, - disbursed: 42208461.11, - signed: 45566432.96, - }, - percValue: "99.40898974802576", - }, - }, - { - name: "MOZ", - value: 36322672.61, - formattedValue: "36,322,673 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MOZ", - count: 1, - investment: 36322672.61, - }, - ], - totalInvestments: { - committed: 62361869.61, - disbursed: 36322672.61, - signed: 89542946.73, - }, - percValue: "58.2450026549164", - }, - }, - { - name: "NAM", - value: 35087490.92, - formattedValue: "35,087,491 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "NAM", - count: 2, - investment: 35087490.92, - }, - ], - totalInvestments: { - committed: 35094714.95, - disbursed: 35087490.92, - signed: 38290641.36, - }, - percValue: "99.97941561853318", - }, - }, - { - name: "SWZ", - value: 34488208.21, - formattedValue: "34,488,208 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "SWZ", - count: 2, - investment: 34488208.21, - }, - ], - totalInvestments: { - committed: 42359105.4, - disbursed: 34488208.21, - signed: 52797895, - }, - percValue: "81.41864159860185", - }, - }, - { - name: "UGA", - value: 33376403.51, - formattedValue: "33,376,404 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "UGA", - count: 1, - investment: 33376403.51, - }, - ], - totalInvestments: { - committed: 50313302.85, - disbursed: 33376403.51, - signed: 59870588.77, - }, - percValue: "66.33713475242462", - }, - }, - { - name: "PNG", - value: 31833292.34, - formattedValue: "31,833,292 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "PNG", - count: 1, - investment: 31833292.34, - }, - ], - totalInvestments: { - committed: 48434092.85, - disbursed: 31833292.34, - signed: 72258949.91, - }, - percValue: "65.72496864674942", - }, - }, - { - name: "MDA", - value: 31798555.25, - formattedValue: "31,798,555 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MDA", - count: 2, - investment: 31798555.25, - }, - ], - totalInvestments: { - committed: 37103916.82, - disbursed: 31798555.25, - signed: 47504862.08, - }, - percValue: "85.7013436189565", - }, - }, - { - name: "IND", - value: 30141405.47, - formattedValue: "30,141,405 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "IND", - count: 3, - investment: 30141405.47, - }, - ], - totalInvestments: { - committed: 39119413.32, - disbursed: 30141405.47, - signed: 51763569, - }, - percValue: "77.04973799949616", - }, - }, - { - name: "COG", - value: 26842031.72, - formattedValue: "26,842,032 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "COG", - count: 2, - investment: 26842031.72, - }, - ], - totalInvestments: { - committed: 39155360.32, - disbursed: 26842031.72, - signed: 53092487.81, - }, - percValue: "68.5526362179573", - }, - }, - { - name: "QUA", - value: 24868392.65, - formattedValue: "24,868,393 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "QUA", - count: 1, - investment: 24868392.65, - }, - ], - totalInvestments: { - committed: 28470558.98, - disbursed: 24868392.65, - signed: 33271080.54, - }, - percValue: "87.34774988952465", - }, - }, - { - name: "GNB", - value: 21603889.73, - formattedValue: "21,603,890 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "GNB", - count: 1, - investment: 21603889.73, - }, - ], - totalInvestments: { - committed: 32392584.86, - disbursed: 21603889.73, - signed: 48446527.83, - }, - percValue: "66.69393573674812", - }, - }, - { - name: "BLR", - value: 19240340.96, - formattedValue: "19,240,341 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "BLR", - count: 1, - investment: 19240340.96, - }, - ], - totalInvestments: { - committed: 23209428.87, - disbursed: 19240340.96, - signed: 23501804.53, - }, - percValue: "82.89881266690557", - }, - }, - { - name: "BFA", - value: 17931629.57, - formattedValue: "17,931,630 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "BFA", - count: 1, - investment: 17931629.57, - }, - ], - totalInvestments: { - committed: 21326031.54, - disbursed: 17931629.57, - signed: 26216910.35, - }, - percValue: "84.08329292942611", - }, - }, - { - name: "GIN", - value: 17909279.44, - formattedValue: "17,909,279 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "GIN", - count: 1, - investment: 17909279.44, - }, - ], - totalInvestments: { - committed: 26795694.86, - disbursed: 17909279.44, - signed: 37388442.32, - }, - percValue: "66.8364061225916", - }, - }, - { - name: "GMB", - value: 15164731.09, - formattedValue: "15,164,731 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "GMB", - count: 2, - investment: 15164731.09, - }, - ], - totalInvestments: { - committed: 16528722.19, - disbursed: 15164731.09, - signed: 18961972, - }, - percValue: "91.74775228041993", - }, - }, - { - name: "RWA", - value: 14641046, - formattedValue: "14,641,046 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "RWA", - count: 1, - investment: 14641046, - }, - ], - totalInvestments: { - committed: 14641046, - disbursed: 14641046, - signed: 14641046, - }, - percValue: "100", - }, - }, - { - name: "NGA", - value: 14317170.7, - formattedValue: "14,317,171 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "NGA", - count: 1, - investment: 14317170.7, - }, - ], - totalInvestments: { - committed: 15269275.38, - disbursed: 14317170.7, - signed: 20207233, - }, - percValue: "93.76457195049946", - }, - }, - { - name: "QNB", - value: 14117785.14, - formattedValue: "14,117,785 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "QNB", - count: 1, - investment: 14117785.14, - }, - ], - totalInvestments: { - committed: 15400663.05, - disbursed: 14117785.14, - signed: 19500119.96, - }, - percValue: "91.66998261156034", - }, - }, - { - name: "DJI", - value: 12037369.61, - formattedValue: "12,037,370 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "DJI", - count: 1, - investment: 12037369.61, - }, - ], - totalInvestments: { - committed: 12037369.61, - disbursed: 12037369.61, - signed: 12037369.61, - }, - percValue: "100", - }, - }, - { - name: "SSD", - value: 11602354, - formattedValue: "11,602,354 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "SSD", - count: 1, - investment: 11602354, - }, - ], - totalInvestments: { - committed: 30627161, - disbursed: 11602354, - signed: 71526259, - }, - percValue: "37.88256443357581", - }, - }, - { - name: "QPA", - value: 9736721, - formattedValue: "9,736,721 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "QPA", - count: 1, - investment: 9736721, - }, - ], - totalInvestments: { - committed: 9736721, - disbursed: 9736721, - signed: 9736721, - }, - percValue: "100", - }, - }, - { - name: "PAN", - value: 9658700.15, - formattedValue: "9,658,700 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "PAN", - count: 1, - investment: 9658700.15, - }, - ], - totalInvestments: { - committed: 9798189.27, - disbursed: 9658700.15, - signed: 9865413.05, - }, - percValue: "98.57637859244987", - }, - }, - { - name: "TJK", - value: 8745562.81, - formattedValue: "8,745,563 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "TJK", - count: 1, - investment: 8745562.81, - }, - ], - totalInvestments: { - committed: 16843513.01, - disbursed: 8745562.81, - signed: 25044957, - }, - percValue: "51.92243924891295", - }, - }, - { - name: "ARM", - value: 8050039.1, - formattedValue: "8,050,039 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "ARM", - count: 1, - investment: 8050039.1, - }, - ], - totalInvestments: { - committed: 8484180.98, - disbursed: 8050039.1, - signed: 8830686.76, - }, - percValue: "94.88292528149252", - }, - }, - { - name: "HND", - value: 8005479.06, - formattedValue: "8,005,479 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "HND", - count: 1, - investment: 8005479.06, - }, - ], - totalInvestments: { - committed: 8581719.31, - disbursed: 8005479.06, - signed: 15280464.53, - }, - percValue: "93.28525870884025", - }, - }, - { - name: "MLI", - value: 7976996.34, - formattedValue: "7,976,996 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MLI", - count: 2, - investment: 7976996.34, - }, - ], - totalInvestments: { - committed: 39093574.78, - disbursed: 7976996.34, - signed: 84559209.11, - }, - percValue: "20.404878256569607", - }, - }, - { - name: "QRB", - value: 7457197.32, - formattedValue: "7,457,197 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "QRB", - count: 1, - investment: 7457197.32, - }, - ], - totalInvestments: { - committed: 7699007.92, - disbursed: 7457197.32, - signed: 8679353.82, - }, - percValue: "96.85919793156934", - }, - }, - { - name: "QPF", - value: 6149710.04, - formattedValue: "6,149,710 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "QPF", - count: 1, - investment: 6149710.04, - }, - ], - totalInvestments: { - committed: 5850044.17, - disbursed: 6149710.04, - signed: 5850044.17, - }, - percValue: "105.12245482755047", - }, - }, - { - name: "ALB", - value: 6026976.4, - formattedValue: "6,026,976 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "ALB", - count: 1, - investment: 6026976.4, - }, - ], - totalInvestments: { - committed: 6237836.02, - disbursed: 6026976.4, - signed: 6617936.53, - }, - percValue: "96.61966715181462", - }, - }, - { - name: "BLZ", - value: 5118146.73, - formattedValue: "5,118,147 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "BLZ", - count: 1, - investment: 5118146.73, - }, - ], - totalInvestments: { - committed: 5118146.73, - disbursed: 5118146.73, - signed: 5144837.46, - }, - percValue: "100", - }, - }, - { - name: "SUR", - value: 5072634.69, - formattedValue: "5,072,635 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "SUR", - count: 1, - investment: 5072634.69, - }, - ], - totalInvestments: { - committed: 5072634.69, - disbursed: 5072634.69, - signed: 5475649, - }, - percValue: "100", - }, - }, - { - name: "MNG", - value: 3897073.34, - formattedValue: "3,897,073 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MNG", - count: 1, - investment: 3897073.34, - }, - ], - totalInvestments: { - committed: 7053340.34, - disbursed: 3897073.34, - signed: 13344330, - }, - percValue: "55.251457495952906", - }, - }, - { - name: "QMZ", - value: 3863334, - formattedValue: "3,863,334 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "QMZ", - count: 1, - investment: 3863334, - }, - ], - totalInvestments: { - committed: 3863334, - disbursed: 3863334, - signed: 3863334, - }, - percValue: "100", - }, - }, - { - name: "AZE", - value: 3792657.91, - formattedValue: "3,792,658 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "AZE", - count: 1, - investment: 3792657.91, - }, - ], - totalInvestments: { - committed: 9077063.61, - disbursed: 3792657.91, - signed: 17261208, - }, - percValue: "41.78287244590545", - }, - }, - { - name: "MAR", - value: 3268715.22, - formattedValue: "3,268,715 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "MAR", - count: 1, - investment: 3268715.22, - }, - ], - totalInvestments: { - committed: 11787008.37, - disbursed: 3268715.22, - signed: 18663763.01, - }, - percValue: "27.7315084319398", - }, - }, - { - name: "CIV", - value: 2962211.4, - formattedValue: "2,962,211 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "CIV", - count: 1, - investment: 2962211.4, - }, - ], - totalInvestments: { - committed: 24241804.47, - disbursed: 2962211.4, - signed: 41317244.14, - }, - percValue: "12.219434422325412", - }, - }, - { - name: "EGY", - value: 2522525.29, - formattedValue: "2,522,525 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "EGY", - count: 1, - investment: 2522525.29, - }, - ], - totalInvestments: { - committed: 2777508.29, - disbursed: 2522525.29, - signed: 3112421, - }, - percValue: "90.81972136976052", - }, - }, - { - name: "CMR", - value: 2510071.13, - formattedValue: "2,510,071 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "CMR", - count: 1, - investment: 2510071.13, - }, - ], - totalInvestments: { - committed: 18117536.52, - disbursed: 2510071.13, - signed: 37518372.16, - }, - percValue: "13.854373232415595", - }, - }, - { - name: "CPV", - value: 2360092.74, - formattedValue: "2,360,093 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "CPV", - count: 1, - investment: 2360092.74, - }, - ], - totalInvestments: { - committed: 2293600.24, - disbursed: 2360092.74, - signed: 2293600.24, - }, - percValue: "102.89904486581324", - }, - }, - { - name: "LAO", - value: 1913737.38, - formattedValue: "1,913,737 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "LAO", - count: 1, - investment: 1913737.38, - }, - ], - totalInvestments: { - committed: 6203422.86, - disbursed: 1913737.38, - signed: 15507232, - }, - percValue: "30.849700611897347", - }, - }, - { - name: "SLB", - value: 1225804.18, - formattedValue: "1,225,804 USD", - color: "#70777E", - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "SLB", - count: 1, - investment: 1225804.18, - }, - ], - totalInvestments: { - committed: 1512241, - disbursed: 1225804.18, - signed: 1512241, - }, - percValue: "81.05878494234715", - }, - }, - ], - tooltip: { - header: "TB/HIV", - componentsStats: [ - { - name: "TB/HIV", - count: 91, - investment: 3625684503.7600007, - }, - ], - totalInvestments: { - committed: 4401315220.53, - disbursed: 3625684503.7600007, - signed: 5766631509.95, - }, - percValue: "82.37729683272723", - }, - }, - { - name: "RSSH", - color: "#DFE3E5", - value: 778969073.44, - formattedValue: "778,969,073 USD", - _children: [ - { - name: "TZA", - value: 110136808.53, - formattedValue: "110,136,809 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "TZA", - count: 1, - investment: 110136808.53, - }, - ], - totalInvestments: { - committed: 110136808.53, - disbursed: 110136808.53, - signed: 110136808.53, - }, - percValue: "100", - }, - }, - { - name: "ETH", - value: 93893185.29, - formattedValue: "93,893,185 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "ETH", - count: 2, - investment: 93893185.29, - }, - ], - totalInvestments: { - committed: 95112306.89, - disbursed: 93893185.29, - signed: 129691887, - }, - percValue: "98.71822938601422", - }, - }, - { - name: "ZWE", - value: 74106559.43, - formattedValue: "74,106,559 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "ZWE", - count: 1, - investment: 74106559.43, - }, - ], - totalInvestments: { - committed: 74106559.43, - disbursed: 74106559.43, - signed: 74106559.43, - }, - percValue: "100", - }, - }, - { - name: "VNM", - value: 62111060.45, - formattedValue: "62,111,060 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "VNM", - count: 1, - investment: 62111060.45, - }, - ], - totalInvestments: { - committed: 62111060.45, - disbursed: 62111060.45, - signed: 62111060.45, - }, - percValue: "100", - }, - }, - { - name: "NGA", - value: 59235626.59, - formattedValue: "59,235,627 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "NGA", - count: 3, - investment: 59235626.59, - }, - ], - totalInvestments: { - committed: 81258042.97, - disbursed: 59235626.59, - signed: 99616090, - }, - percValue: "72.89817035326516", - }, - }, - { - name: "SSD", - value: 40394243.22, - formattedValue: "40,394,243 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "SSD", - count: 1, - investment: 40394243.22, - }, - ], - totalInvestments: { - committed: 40394243.22, - disbursed: 40394243.22, - signed: 40394243.22, - }, - percValue: "100", - }, - }, - { - name: "MWI", - value: 40211129.29, - formattedValue: "40,211,129 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "MWI", - count: 1, - investment: 40211129.29, - }, - ], - totalInvestments: { - committed: 40211129.29, - disbursed: 40211129.29, - signed: 40211129.29, - }, - percValue: "100", - }, - }, - { - name: "UGA", - value: 33882325.76, - formattedValue: "33,882,326 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "UGA", - count: 4, - investment: 33882325.76, - }, - ], - totalInvestments: { - committed: 33882325.76, - disbursed: 33882325.76, - signed: 33882325.76, - }, - percValue: "100", - }, - }, - { - name: "RWA", - value: 33789554.53, - formattedValue: "33,789,555 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RWA", - count: 1, - investment: 33789554.53, - }, - ], - totalInvestments: { - committed: 33789554.53, - disbursed: 33789554.53, - signed: 33789554.53, - }, - percValue: "100", - }, - }, - { - name: "KHM", - value: 28810707.32, - formattedValue: "28,810,707 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "KHM", - count: 3, - investment: 28810707.32, - }, - ], - totalInvestments: { - committed: 30989710.29, - disbursed: 28810707.32, - signed: 32226872.55, - }, - percValue: "92.96862426396049", - }, - }, - { - name: "BEN", - value: 28494505.3, - formattedValue: "28,494,505 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "BEN", - count: 2, - investment: 28494505.3, - }, - ], - totalInvestments: { - committed: 31359377.56, - disbursed: 28494505.3, - signed: 44471985.72, - }, - percValue: "90.86438417178839", - }, - }, - { - name: "AFG", - value: 26410019.72, - formattedValue: "26,410,020 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "AFG", - count: 3, - investment: 26410019.72, - }, - ], - totalInvestments: { - committed: 26545006.67, - disbursed: 26410019.72, - signed: 26545006.67, - }, - percValue: "99.49147893734546", - }, - }, - { - name: "COD", - value: 24075016.38, - formattedValue: "24,075,016 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "COD", - count: 1, - investment: 24075016.38, - }, - ], - totalInvestments: { - committed: 42299648.48, - disbursed: 24075016.38, - signed: 68645564, - }, - percValue: "56.91540531686235", - }, - }, - { - name: "BFA", - value: 17146618.13, - formattedValue: "17,146,618 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "BFA", - count: 1, - investment: 17146618.13, - }, - ], - totalInvestments: { - committed: 16738750.6, - disbursed: 17146618.13, - signed: 16738750.6, - }, - percValue: "102.43666650962588", - }, - }, - { - name: "SDN", - value: 16359742.91, - formattedValue: "16,359,743 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "SDN", - count: 1, - investment: 16359742.91, - }, - ], - totalInvestments: { - committed: 16359742.91, - disbursed: 16359742.91, - signed: 16359742.91, - }, - percValue: "100", - }, - }, - { - name: "MOZ", - value: 14937604.44, - formattedValue: "14,937,604 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "MOZ", - count: 1, - investment: 14937604.44, - }, - ], - totalInvestments: { - committed: 14937604.44, - disbursed: 14937604.44, - signed: 14937604.44, - }, - percValue: "100", - }, - }, - { - name: "LKA", - value: 12743582.55, - formattedValue: "12,743,583 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "LKA", - count: 1, - investment: 12743582.55, - }, - ], - totalInvestments: { - committed: 12743582.55, - disbursed: 12743582.55, - signed: 12743582.55, - }, - percValue: "100", - }, - }, - { - name: "IDN", - value: 12421365.68, - formattedValue: "12,421,366 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "IDN", - count: 1, - investment: 12421365.68, - }, - ], - totalInvestments: { - committed: 12421365.68, - disbursed: 12421365.68, - signed: 12421365.68, - }, - percValue: "100", - }, - }, - { - name: "SWZ", - value: 8212962.23, - formattedValue: "8,212,962 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "SWZ", - count: 1, - investment: 8212962.23, - }, - ], - totalInvestments: { - committed: 8212962.23, - disbursed: 8212962.23, - signed: 8212962.23, - }, - percValue: "100", - }, - }, - { - name: "PRY", - value: 7575218.88, - formattedValue: "7,575,219 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "PRY", - count: 1, - investment: 7575218.88, - }, - ], - totalInvestments: { - committed: 7575218.88, - disbursed: 7575218.88, - signed: 7575218.88, - }, - percValue: "100", - }, - }, - { - name: "MAR", - value: 6801523.77, - formattedValue: "6,801,524 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "MAR", - count: 1, - investment: 6801523.77, - }, - ], - totalInvestments: { - committed: 6802876.36, - disbursed: 6801523.77, - signed: 6802876.36, - }, - percValue: "99.98011738081918", - }, - }, - { - name: "MNG", - value: 5306003.95, - formattedValue: "5,306,004 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "MNG", - count: 2, - investment: 5306003.95, - }, - ], - totalInvestments: { - committed: 5306003.95, - disbursed: 5306003.95, - signed: 5306003.95, - }, - percValue: "100", - }, - }, - { - name: "SEN", - value: 4903437.81, - formattedValue: "4,903,438 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "SEN", - count: 1, - investment: 4903437.81, - }, - ], - totalInvestments: { - committed: 4958574.84, - disbursed: 4903437.81, - signed: 4958574.84, - }, - percValue: "98.88804683242412", - }, - }, - { - name: "NER", - value: 4310170.08, - formattedValue: "4,310,170 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "NER", - count: 1, - investment: 4310170.08, - }, - ], - totalInvestments: { - committed: 4919134.34, - disbursed: 4310170.08, - signed: 4919134.34, - }, - percValue: "87.62049950439044", - }, - }, - { - name: "LAO", - value: 3355904.32, - formattedValue: "3,355,904 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "LAO", - count: 1, - investment: 3355904.32, - }, - ], - totalInvestments: { - committed: 3355904.32, - disbursed: 3355904.32, - signed: 3355904.32, - }, - percValue: "100", - }, - }, - { - name: "HTI", - value: 2150577.97, - formattedValue: "2,150,578 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "HTI", - count: 1, - investment: 2150577.97, - }, - ], - totalInvestments: { - committed: 17377590.35, - disbursed: 2150577.97, - signed: 23460621.72, - }, - percValue: "12.37558215313782", - }, - }, - { - name: "ARM", - value: 2143126.76, - formattedValue: "2,143,127 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "ARM", - count: 1, - investment: 2143126.76, - }, - ], - totalInvestments: { - committed: 2142804.94, - disbursed: 2143126.76, - signed: 2142804.94, - }, - percValue: "100.01501863254057", - }, - }, - { - name: "PAK", - value: 1700097.09, - formattedValue: "1,700,097 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "PAK", - count: 1, - investment: 1700097.09, - }, - ], - totalInvestments: { - committed: 1700097.09, - disbursed: 1700097.09, - signed: 1700097.09, - }, - percValue: "100", - }, - }, - { - name: "MLI", - value: 1375389.49, - formattedValue: "1,375,389 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "MLI", - count: 1, - investment: 1375389.49, - }, - ], - totalInvestments: { - committed: 15796257.23, - disbursed: 1375389.49, - signed: 26077172, - }, - percValue: "8.707059336738846", - }, - }, - { - name: "GUY", - value: 1342707.89, - formattedValue: "1,342,708 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "GUY", - count: 1, - investment: 1342707.89, - }, - ], - totalInvestments: { - committed: 1342707.89, - disbursed: 1342707.89, - signed: 1342707.89, - }, - percValue: "100.00000000000001", - }, - }, - { - name: "GNB", - value: 632297.68, - formattedValue: "632,298 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "GNB", - count: 1, - investment: 632297.68, - }, - ], - totalInvestments: { - committed: 632297.69, - disbursed: 632297.68, - signed: 632297.68, - }, - percValue: "99.99999841846649", - }, - }, - { - name: "CIV", - value: 0, - formattedValue: "0 USD", - color: "#70777E", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "CIV", - count: 1, - investment: 0, - }, - ], - totalInvestments: { - committed: 0, - disbursed: 0, - signed: 28079014.36, - }, - percValue: "NaN", - }, - }, - ], - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH", - count: 44, - investment: 778969073.44, - }, - ], - totalInvestments: { - committed: 855519250.36, - disbursed: 778969073.44, - signed: 993595523.93, - }, - percValue: "91.05219702680122", - }, - }, - { - name: "Multicomponent", - color: "#DFE3E5", - value: 255224955.28000003, - formattedValue: "255,224,955 USD", - _children: [ - { - name: "SLE", - value: 102946647.53, - formattedValue: "102,946,648 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "SLE", - count: 1, - investment: 102946647.53, - }, - ], - totalInvestments: { - committed: 110261561.74, - disbursed: 102946647.53, - signed: 115127088.71, - }, - percValue: "93.36585289146477", - }, - }, - { - name: "QSF", - value: 63349338.74, - formattedValue: "63,349,339 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "QSF", - count: 1, - investment: 63349338.74, - }, - ], - totalInvestments: { - committed: 69237390.36, - disbursed: 63349338.74, - signed: 76314083.4, - }, - percValue: "91.49584987333425", - }, - }, - { - name: "SEN", - value: 23156440.99, - formattedValue: "23,156,441 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "SEN", - count: 2, - investment: 23156440.99, - }, - ], - totalInvestments: { - committed: 52901819.49, - disbursed: 23156440.99, - signed: 73839967.95, - }, - percValue: "43.77248497923072", - }, - }, - { - name: "PRK", - value: 15679305.21, - formattedValue: "15,679,305 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "PRK", - count: 1, - investment: 15679305.21, - }, - ], - totalInvestments: { - committed: 25889984.34, - disbursed: 15679305.21, - signed: 43409437, - }, - percValue: "60.56127730357677", - }, - }, - { - name: "AGO", - value: 14609640.14, - formattedValue: "14,609,640 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "AGO", - count: 1, - investment: 14609640.14, - }, - ], - totalInvestments: { - committed: 22577090, - disbursed: 14609640.14, - signed: 22577090, - }, - percValue: "64.71002303662695", - }, - }, - { - name: "MRT", - value: 10541087.97, - formattedValue: "10,541,088 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "MRT", - count: 1, - investment: 10541087.97, - }, - ], - totalInvestments: { - committed: 11532663.66, - disbursed: 10541087.97, - signed: 13664387, - }, - percValue: "91.40202368478681", - }, - }, - { - name: "STP", - value: 8679233.88, - formattedValue: "8,679,234 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "STP", - count: 2, - investment: 8679233.88, - }, - ], - totalInvestments: { - committed: 13777989.58, - disbursed: 8679233.88, - signed: 20988809.53, - }, - percValue: "62.993471069238545", - }, - }, - { - name: "CPV", - value: 5704541.86, - formattedValue: "5,704,542 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "CPV", - count: 1, - investment: 5704541.86, - }, - ], - totalInvestments: { - committed: 6551777.86, - disbursed: 5704541.86, - signed: 9631175.54, - }, - percValue: "87.06860919121577", - }, - }, - { - name: "NAM", - value: 5055056.11, - formattedValue: "5,055,056 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "NAM", - count: 1, - investment: 5055056.11, - }, - ], - totalInvestments: { - committed: 19281082.05, - disbursed: 5055056.11, - signed: 39563486, - }, - percValue: "26.21769928104217", - }, - }, - { - name: "DJI", - value: 3832002.85, - formattedValue: "3,832,003 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "DJI", - count: 1, - investment: 3832002.85, - }, - ], - totalInvestments: { - committed: 6899040.09, - disbursed: 3832002.85, - signed: 10896526, - }, - percValue: "55.5440003248336", - }, - }, - { - name: "RWA", - value: 1671660, - formattedValue: "1,671,660 USD", - color: "#70777E", - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "RWA", - count: 1, - investment: 1671660, - }, - ], - totalInvestments: { - committed: 1671660, - disbursed: 1671660, - signed: 1671660, - }, - percValue: "100", - }, - }, - ], - tooltip: { - header: "Multicomponent", - componentsStats: [ - { - name: "Multicomponent", - count: 13, - investment: 255224955.28000003, - }, - ], - totalInvestments: { - committed: 340582059.17, - disbursed: 255224955.28000003, - signed: 427683711.13, - }, - percValue: "74.93787426794717", - }, - }, -]; - -export const mockdata2: DisbursementsTreemapDataItem[] = [ - { - name: "HIV", - value: 22406794003.499992, - formattedValue: "US$22,406,794,003", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "HIV", - count: 585, - investment: 22406794003.499992, - }, - ], - totalInvestments: { - committed: 23470867864.36001, - disbursed: 22406794003.499992, - signed: 25509347381.529987, - }, - percValue: "99.88", - }, - color: "rgba(134, 142, 150, 0.3)", - _children: [ - { - name: "Comprehensive prevention programes for MSM 1", - value: 1469001508.8300002, - formattedValue: "US$1,469,001,509", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Comprehensive prevention programes for MSM 1", - count: 6, - investment: 1469001508.8300002, - }, - ], - totalInvestments: { - committed: 1473744545.5800002, - disbursed: 1469001508.8300002, - signed: 1475159376.8000002, - }, - percValue: "99.68", - }, - color: "#ADB5BD", - }, - { - name: "Comprehensive prevention programes for MSM 2", - value: 1462725954.9999998, - formattedValue: "US$1,462,725,955", - tooltip: { - header: "HIV", - componentsStats: [ - { - name: "Comprehensive prevention programes for MSM 2", - count: 8, - investment: 1462725954.9999998, - }, - ], - totalInvestments: { - committed: 1575765642.66, - disbursed: 1462725954.9999998, - signed: 1802434435.6299999, - }, - percValue: "92.83", - }, - color: "#ADB5BD", - }, - ], - }, - { - name: "RSSH", - value: 12406794003.499992, - formattedValue: "US$12,406,794,003", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "RSSH", - count: 585, - investment: 22406794003.499992, - }, - ], - totalInvestments: { - committed: 23470867864.36001, - disbursed: 22406794003.499992, - signed: 25509347381.529987, - }, - percValue: "99.88", - }, - color: "rgba(134, 142, 150, 0.3)", - _children: [ - { - name: "Comprehensive prevention programes for MSM 1", - value: 1469001508.8300002, - formattedValue: "US$1,469,001,509", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "Comprehensive prevention programes for MSM 1", - count: 6, - investment: 1469001508.8300002, - }, - ], - totalInvestments: { - committed: 1473744545.5800002, - disbursed: 1469001508.8300002, - signed: 1475159376.8000002, - }, - percValue: "99.68", - }, - color: "#ADB5BD", - }, - { - name: "Comprehensive prevention programes for MSM 2", - value: 1462725954.9999998, - formattedValue: "US$1,462,725,955", - tooltip: { - header: "RSSH", - componentsStats: [ - { - name: "Comprehensive prevention programes for MSM 2", - count: 8, - investment: 1462725954.9999998, - }, - ], - totalInvestments: { - committed: 1575765642.66, - disbursed: 1462725954.9999998, - signed: 1802434435.6299999, - }, - percValue: "92.83", - }, - color: "#ADB5BD", - }, - ], - }, -]; diff --git a/src/app/components/Charts/Investments/Disbursements/index.tsx b/src/app/components/Charts/Investments/Disbursements/index.tsx index c214eeda3..b947f6c63 100644 --- a/src/app/components/Charts/Investments/Disbursements/index.tsx +++ b/src/app/components/Charts/Investments/Disbursements/index.tsx @@ -2,11 +2,14 @@ /* eslint-disable import/no-cycle */ /* third-party */ import React from "react"; +import get from "lodash/get"; import CloseIcon from "@material-ui/icons/Close"; import IconButton from "@material-ui/core/IconButton"; import useMediaQuery from "@material-ui/core/useMediaQuery"; import { ResponsiveTreeMapHtml, TreeMapNodeDatum } from "@nivo/treemap"; /* project */ +import { appColors } from "app/theme"; +import { useCMSData } from "app/hooks/useCMSData"; import { isTouchDevice } from "app/utils/isTouchDevice"; import { TooltipButton, @@ -17,8 +20,6 @@ import { DisbursementsTreemapProps } from "app/components/Charts/Investments/Dis import { NoDataTreemap } from "app/components/Charts/Investments/Disbursements/components/nodata"; import { TreemapTooltip } from "app/components/Charts/Investments/Disbursements/components/tooltip"; import { TreeemapNode } from "app/components/Charts/Investments/Disbursements/components/treemapnode"; -import get from "lodash/get"; -import { useCMSData } from "app/hooks/useCMSData"; export function DisbursementsTreemap(props: DisbursementsTreemapProps) { const cmsData = useCMSData({ returnData: true }); @@ -55,10 +56,10 @@ export function DisbursementsTreemap(props: DisbursementsTreemapProps) { > div { > div { > div:first-of-type { - background: #373d43; + background: ${appColors.TREEMAP.BACKGROUND_COLOR}; @media (max-width: 767px) { - background: #fff; + background: ${appColors.COMMON.WHITE}; } } } @@ -115,8 +116,8 @@ export function DisbursementsTreemap(props: DisbursementsTreemapProps) { borderRadius: 20, padding: "16px 25px", position: "relative", - backgroundColor: "#f5f5f7", display: isMobile || isTouchDevice() ? "none" : "inherit", + backgroundColor: appColors.TREEMAP.TOOLTIP_BACKGROUND_COLOR, }, }, }} @@ -147,20 +148,21 @@ export function DisbursementsTreemap(props: DisbursementsTreemapProps) { css={` padding: 16px 25px; position: relative; - background: #f5f5f7; + background: ${appColors.TREEMAP.TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; > div { - background: #f5f5f7 !important; + background: ${appColors.TREEMAP + .TOOLTIP_BACKGROUND_COLOR} !important; } @media (max-width: 767px) { padding: 16px; - background: #fff; + background: ${appColors.COMMON.WHITE}; box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); > div { - background: #fff !important; + background: ${appColors.COMMON.WHITE} !important; } } `} diff --git a/src/app/components/Charts/Investments/TimeCycle/components/bar/index.tsx b/src/app/components/Charts/Investments/TimeCycle/components/bar/index.tsx index 437a8d305..8c5f8483b 100644 --- a/src/app/components/Charts/Investments/TimeCycle/components/bar/index.tsx +++ b/src/app/components/Charts/Investments/TimeCycle/components/bar/index.tsx @@ -1,5 +1,6 @@ import React from "react"; import get from "lodash/get"; +import { appColors } from "app/theme"; import { InvestmentsTimeCycleTooltip } from "../tooltip"; export function BarComponent(props: any) { @@ -20,8 +21,7 @@ export function BarComponent(props: any) { const height = (item.value / props.data.value) * props.height; const localPrevY = prevY; prevY += height; - let nodecss = - "cursor: pointer;transition: opacity 0.2s ease-in-out;stroke: #1B2127;"; + let nodecss = `cursor: pointer;transition: opacity 0.2s ease-in-out;stroke: ${appColors.TIME_CYCLE.NODE_STROKE_HOVER_COLOR};`; if (props.selected === props.data.indexValue) { nodecss += "z-index: 2;"; } else if ( diff --git a/src/app/components/Charts/Investments/TimeCycle/components/tooltip/index.tsx b/src/app/components/Charts/Investments/TimeCycle/components/tooltip/index.tsx index 6cf12deb7..96733070f 100644 --- a/src/app/components/Charts/Investments/TimeCycle/components/tooltip/index.tsx +++ b/src/app/components/Charts/Investments/TimeCycle/components/tooltip/index.tsx @@ -1,19 +1,20 @@ import React from "react"; import get from "lodash/get"; -import { formatFinancialValue } from "app/utils/formatFinancialValue"; +import { appColors } from "app/theme"; import { useCMSData } from "app/hooks/useCMSData"; +import { formatFinancialValue } from "app/utils/formatFinancialValue"; export function InvestmentsTimeCycleTooltip(props: any) { const cmsData = useCMSData({ returnData: true }); - + return (
diff --git a/src/app/components/Charts/Investments/TimeCycle/data.ts b/src/app/components/Charts/Investments/TimeCycle/data.ts index 896895ff8..c64e9d92b 100644 --- a/src/app/components/Charts/Investments/TimeCycle/data.ts +++ b/src/app/components/Charts/Investments/TimeCycle/data.ts @@ -4,1196 +4,3 @@ export interface InvestmentsTimeCycleProps { data: Record[]; onNodeClick: (node: string, x: number, y: number) => void; } - -export const mockdata: Record[] = [ - { - year: "2002", - disbursed: 897869, - cumulative: 897869, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 429599, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 468270, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 429599, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 468270, - }, - ], - }, - { - year: "2003", - disbursed: 231200246, - cumulative: 232098115, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 121075744, - }, - { - name: "Malaria", - color: "#262C34", - value: 49499456, - }, - { - name: "TB/HIV", - color: "", - value: 19945715, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 40679331, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 121505343, - }, - { - name: "Malaria", - color: "#262C34", - value: 49499456, - }, - { - name: "TB/HIV", - color: "", - value: 19945715, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 41147601, - }, - ], - }, - { - year: "2004", - disbursed: 627505820, - cumulative: 859603935, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 360849559, - }, - { - name: "Malaria", - color: "#262C34", - value: 135534537, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 1687514, - }, - { - name: "TB/HIV", - color: "", - value: 22243780, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 107190430, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 482354902, - }, - { - name: "Malaria", - color: "#262C34", - value: 185033993, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 1687514, - }, - { - name: "TB/HIV", - color: "", - value: 42189495, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 148338031, - }, - ], - }, - { - year: "2005", - disbursed: 1053520591, - cumulative: 1913124526, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 579339937, - }, - { - name: "Malaria", - color: "#262C34", - value: 308168894, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 8663218, - }, - { - name: "TB/HIV", - color: "", - value: 30120009, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 127228533, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1061694839, - }, - { - name: "Malaria", - color: "#262C34", - value: 493202887, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 10350732, - }, - { - name: "TB/HIV", - color: "", - value: 72309504, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 275566564, - }, - ], - }, - { - year: "2006", - disbursed: 1325873198, - cumulative: 3238997724, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 695754234, - }, - { - name: "Malaria", - color: "#262C34", - value: 407778996, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 7446356, - }, - { - name: "TB/HIV", - color: "", - value: 18427720, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 196465892, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1757449073, - }, - { - name: "Malaria", - color: "#262C34", - value: 900981883, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 17797088, - }, - { - name: "TB/HIV", - color: "", - value: 90737224, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 472032456, - }, - ], - }, - { - year: "2007", - disbursed: 1725151295, - cumulative: 4964149019, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1073208983, - }, - { - name: "Malaria", - color: "#262C34", - value: 350932605, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 3690337, - }, - { - name: "TB/HIV", - color: "", - value: 21865222, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 275454148, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 2830658056, - }, - { - name: "Malaria", - color: "#262C34", - value: 1251914488, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 21487425, - }, - { - name: "TB/HIV", - color: "", - value: 112602446, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 747486604, - }, - ], - }, - { - year: "2008", - disbursed: 2246870479, - cumulative: 7211019498, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1332447275, - }, - { - name: "Malaria", - color: "#262C34", - value: 518707176, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 28524156, - }, - { - name: "TB/HIV", - color: "", - value: 52026664, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 315165208, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 4163105331, - }, - { - name: "Malaria", - color: "#262C34", - value: 1770621664, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 50011581, - }, - { - name: "TB/HIV", - color: "", - value: 164629110, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 1062651812, - }, - ], - }, - { - year: "2009", - disbursed: 2749053423, - cumulative: 9960072921, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1292024100, - }, - { - name: "Malaria", - color: "#262C34", - value: 1014012166, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 37271117, - }, - { - name: "TB/HIV", - color: "", - value: 18505090, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 387240950, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 5455129431, - }, - { - name: "Malaria", - color: "#262C34", - value: 2784633830, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 87282698, - }, - { - name: "TB/HIV", - color: "", - value: 183134200, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 1449892762, - }, - ], - }, - { - year: "2010", - disbursed: 3070865139, - cumulative: 13030938060, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1582140741, - }, - { - name: "Malaria", - color: "#262C34", - value: 927976947, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 33379909, - }, - { - name: "TB/HIV", - color: "", - value: 11949675, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 515417867, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 7037270172, - }, - { - name: "Malaria", - color: "#262C34", - value: 3712610777, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 120662607, - }, - { - name: "TB/HIV", - color: "", - value: 195083875, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 1965310629, - }, - ], - }, - { - year: "2011", - disbursed: 2631916590, - cumulative: 15662854650, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1468501089, - }, - { - name: "Malaria", - color: "#262C34", - value: 620913962, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 109669412, - }, - { - name: "TB/HIV", - color: "", - value: -1450758, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 434282885, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 8505771261, - }, - { - name: "Malaria", - color: "#262C34", - value: 4333524739, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 230332019, - }, - { - name: "TB/HIV", - color: "", - value: 193633117, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 2399593514, - }, - ], - }, - { - year: "2012", - disbursed: 3331939274, - cumulative: 18994793924, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1759918012, - }, - { - name: "Malaria", - color: "#262C34", - value: 962553004, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 115228322, - }, - { - name: "TB/HIV", - color: "", - value: -4250, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 494244186, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 10265689273, - }, - { - name: "Malaria", - color: "#262C34", - value: 5296077743, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 345560341, - }, - { - name: "TB/HIV", - color: "", - value: 193628867, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 2893837700, - }, - ], - }, - { - year: "2013", - disbursed: 3968752783, - cumulative: 22769917840, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 2101675199, - }, - { - name: "Malaria", - color: "#262C34", - value: 1043369627, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 93107174, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 730600783, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 12367364472, - }, - { - name: "Malaria", - color: "#262C34", - value: 6339447370, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 438667515, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 3624438483, - }, - ], - }, - { - year: "2014", - disbursed: 2878907411, - cumulative: 25648825251, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1540131665, - }, - { - name: "Malaria", - color: "#262C34", - value: 825130452, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 59164211, - }, - { - name: "TB/HIV", - color: "", - value: 1064213, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 453416870, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 13907496137, - }, - { - name: "Malaria", - color: "#262C34", - value: 7164577822, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 497831726, - }, - { - name: "TB/HIV", - color: "", - value: 1064213, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 4077855353, - }, - ], - }, - { - year: "2015", - disbursed: 3181728142, - cumulative: 28830553393, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1604054733, - }, - { - name: "Malaria", - color: "#262C34", - value: 910560104, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 48025164, - }, - { - name: "TB/HIV", - color: "", - value: 113876530, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 505211611, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 15511550870, - }, - { - name: "Malaria", - color: "#262C34", - value: 8075137926, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 545856890, - }, - { - name: "TB/HIV", - color: "", - value: 114940743, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 4583066964, - }, - ], - }, - { - year: "2016", - disbursed: 3546149191, - cumulative: 32376702584, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1493871016, - }, - { - name: "Malaria", - color: "#262C34", - value: 1054855326, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 9808263, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 65621908, - }, - { - name: "TB/HIV", - color: "", - value: 327853205, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 594139473, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 17005421886, - }, - { - name: "Malaria", - color: "#262C34", - value: 9129993252, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 9808263, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 611478798, - }, - { - name: "TB/HIV", - color: "", - value: 442793948, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 5177206437, - }, - ], - }, - { - year: "2017", - disbursed: 4230214270, - cumulative: 36606916854, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1524372905, - }, - { - name: "Malaria", - color: "#262C34", - value: 1335906418, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 34286748, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 78971342, - }, - { - name: "TB/HIV", - color: "", - value: 524764737, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 731912120, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 18529794791, - }, - { - name: "Malaria", - color: "#262C34", - value: 10465899670, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 44095011, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 690450140, - }, - { - name: "TB/HIV", - color: "", - value: 967558685, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 5909118557, - }, - ], - }, - { - year: "2018", - disbursed: 3177524823, - cumulative: 39784441677, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1049601115, - }, - { - name: "Malaria", - color: "#262C34", - value: 957773885, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 56907824, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 17892997, - }, - { - name: "TB/HIV", - color: "", - value: 603176575, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 492172427, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 19579395906, - }, - { - name: "Malaria", - color: "#262C34", - value: 11423673555, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 101002835, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 708343137, - }, - { - name: "TB/HIV", - color: "", - value: 1570735260, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 6401290984, - }, - ], - }, - { - year: "2019", - disbursed: 3492046192, - cumulative: 43276487869, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1058823267, - }, - { - name: "Malaria", - color: "#262C34", - value: 1178274992, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 36979459, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 17173383, - }, - { - name: "TB/HIV", - color: "", - value: 699173179, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 501621912, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 20638219173, - }, - { - name: "Malaria", - color: "#262C34", - value: 12601948547, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 137982294, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 725516520, - }, - { - name: "TB/HIV", - color: "", - value: 2269908439, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 6902912896, - }, - ], - }, - { - year: "2020", - disbursed: 4198792109, - cumulative: 47475279978, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 1360234653, - }, - { - name: "Malaria", - color: "#262C34", - value: 1369764711, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 78756522, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 41843592, - }, - { - name: "TB/HIV", - color: "", - value: 740717633, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 607474998, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 21998453826, - }, - { - name: "Malaria", - color: "#262C34", - value: 13971713258, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 216738816, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 767360112, - }, - { - name: "TB/HIV", - color: "", - value: 3010626072, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 7510387894, - }, - ], - }, - { - year: "2021", - disbursed: 1608318355, - cumulative: 49083598333, - disbursedChildren: [ - { - name: "HIV", - color: "#70777E", - value: 440049241, - }, - { - name: "Malaria", - color: "#262C34", - value: 521289190, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 38486137, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 11608953, - }, - { - name: "TB/HIV", - color: "", - value: 421429559, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 175455275, - }, - ], - cumulativeChildren: [ - { - name: "HIV", - color: "#70777E", - value: 22438503067, - }, - { - name: "Malaria", - color: "#262C34", - value: 14493002448, - }, - { - name: "Multicomponent", - color: "#373D43", - value: 255224953, - }, - { - name: "RSSH", - color: "#ADB5BD", - value: 778969065, - }, - { - name: "TB/HIV", - color: "", - value: 3432055631, - }, - { - name: "Tuberculosis", - color: "#252C34", - value: 7685843169, - }, - ], - }, -]; diff --git a/src/app/components/Charts/Investments/TimeCycle/index.tsx b/src/app/components/Charts/Investments/TimeCycle/index.tsx index 0688e3ace..15b9af2e2 100644 --- a/src/app/components/Charts/Investments/TimeCycle/index.tsx +++ b/src/app/components/Charts/Investments/TimeCycle/index.tsx @@ -25,6 +25,7 @@ import { import { InvestmentsTimeCycleTooltip } from "./components/tooltip"; import get from "lodash/get"; import { useCMSData } from "app/hooks/useCMSData"; +import { appColors } from "app/theme"; function getKeysFromData(data: Record[]) { if (data.length === 0) { @@ -156,7 +157,7 @@ export function InvestmentsTimeCycle(props: InvestmentsTimeCycleProps) { spacing={!isMobile ? 0 : 2} css={` > div { - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; font-size: 14px; } `} @@ -296,13 +297,13 @@ export function InvestmentsTimeCycle(props: InvestmentsTimeCycleProps) { &::-webkit-scrollbar { height: 5px; - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } &::-webkit-scrollbar-track { - background: #dfe3e6; + background: ${appColors.COMMON.SECONDARY_COLOR_7}; } &::-webkit-scrollbar-thumb { - background: #262c34; + background: ${appColors.COMMON.PRIMARY_COLOR_1}; } } `} @@ -382,11 +383,11 @@ export function InvestmentsTimeCycle(props: InvestmentsTimeCycleProps) { ticks: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.TIME_CYCLE.AXIS_GRID_COLOR, strokeOpacity: 0.3, }, text: { - fill: "#262c34", + fill: appColors.TIME_CYCLE.AXIS_COLOR, fontSize: 12, }, }, @@ -404,7 +405,7 @@ export function InvestmentsTimeCycle(props: InvestmentsTimeCycleProps) { grid: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.TIME_CYCLE.AXIS_GRID_COLOR, strokeOpacity: 0.3, }, }, @@ -425,19 +426,22 @@ export function InvestmentsTimeCycle(props: InvestmentsTimeCycleProps) { css={` padding: 16px 25px; position: relative; - background: #f5f5f7; + background: ${appColors.TIME_CYCLE + .MOBILE_TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; @media (max-width: 767px) { padding: 25px; - color: #262c34; - background: #fff; + color: ${appColors.TIME_CYCLE.MOBILE_TOOLTIP_COLOR}; + background: ${appColors.TIME_CYCLE + .MOBILE_TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); > div { padding: 0; - background: #fff !important; + background: ${appColors.TIME_CYCLE + .MOBILE_TOOLTIP_BACKGROUND_COLOR} !important; } } `} @@ -449,7 +453,7 @@ export function InvestmentsTimeCycle(props: InvestmentsTimeCycleProps) { justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.TIME_CYCLE.MOBILE_TOOLTIP_CLOSE_ICON_COLOR}; } `} > diff --git a/src/app/components/Charts/Network/components/legends/index.tsx b/src/app/components/Charts/Network/components/legends/index.tsx index f0ff76b40..beb439231 100644 --- a/src/app/components/Charts/Network/components/legends/index.tsx +++ b/src/app/components/Charts/Network/components/legends/index.tsx @@ -2,6 +2,7 @@ import React from "react"; import { css } from "styled-components/macro"; import get from "lodash/get"; import { useCMSData } from "app/hooks/useCMSData"; +import { appColors } from "app/theme"; export function NetworkLegends() { const cmsData = useCMSData({ returnData: true }); @@ -10,7 +11,7 @@ export function NetworkLegends() {
100%", @@ -213,13 +214,13 @@ const styles = { justify-content: space-between; `, title: css` - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; font-size: 12px; font-weight: bold; font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; `, noData: (reported: boolean) => css` - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; font-size: 12px; padding-left: 20px; position: relative; @@ -237,13 +238,13 @@ const styles = { height: 13px; position: absolute; border-radius: 50%; - border: 0.5px solid #262c34; + border: 0.5px solid ${appColors.COMMON.PRIMARY_COLOR_1}; background: ${reported ? "transparent" : `repeating-linear-gradient( -45deg, - #262c34 0 0.5px, - #fff 1.5px 2px + ${appColors.COMMON.PRIMARY_COLOR_1} 0 0.5px, + ${appColors.COMMON.WHITE} 1.5px 2px )`}; } `, @@ -306,7 +307,7 @@ export function AchievementRateLegend() { top: 20px; left: -5px; position: relative; - color: color: #262C34; + color: color: ${appColors.COMMON.PRIMARY_COLOR_1}; content: "${item.label}"; } `} diff --git a/src/app/components/Charts/Network/data.ts b/src/app/components/Charts/Network/data.ts index a0aefc5a4..595f8e4a9 100644 --- a/src/app/components/Charts/Network/data.ts +++ b/src/app/components/Charts/Network/data.ts @@ -13,283 +13,3 @@ export interface NetworkVizProps { selectedNodeId?: string; onNodeClick: (node: string, x: number, y: number) => void; } - -export const mockdata = { - nodes: [ - { - id: "Jan, 2017 - Jun, 2017", - radius: 12, - depth: 0, - color: "#262C34", - borderColor: "#ADB5BD", - }, - { - id: "Coverage / Output indicator", - radius: 12, - depth: 1, - color: "#ADB5BD", - borderColor: "#262C34", - }, - { - id: "Process indicator / WPTM", - radius: 12, - depth: 1, - color: "#ADB5BD", - borderColor: "#262C34", - }, - { - id: "PMTCT|Coverage / Output indicator", - radius: 12, - depth: 2, - color: "#fff", - borderColor: "#262C34", - }, - { - id: "Prevention programs for general population|Coverage / Output indicator", - radius: 12, - depth: 2, - color: "#fff", - borderColor: "#262C34", - }, - { - id: "TB/HIV|Coverage / Output indicator", - radius: 12, - depth: 2, - color: "#fff", - borderColor: "#262C34", - }, - { - id: "Treatment, care and support|Coverage / Output indicator", - radius: 12, - depth: 2, - color: "#fff", - borderColor: "#262C34", - }, - { - id: "PMTCT|Process indicator / WPTM", - radius: 12, - depth: 2, - color: "#fff", - borderColor: "#262C34", - }, - { - id: "TB/HIV|Process indicator / WPTM", - radius: 12, - depth: 2, - color: "#fff", - borderColor: "#262C34", - }, - { - id: "Percentage of HIV-positive pregnant women who received antiretrovirals to reduce the risk of mother-to-child transmission", - radius: 12, - depth: 3, - color: "#97ff46", - borderColor: "#262C34", - }, - { - id: "Percentage of infants born to HIV-positive women receiving a virological test for HIV within 2 months of birth", - radius: 12, - depth: 3, - color: "#ffaa46", - borderColor: "#262C34", - }, - { - id: "Percentage of pregnant women who know their HIV status", - radius: 12, - depth: 3, - color: "#daff46", - borderColor: "#262C34", - }, - { - id: "Number of women and men aged 15+ who received an HIV test and know their results", - radius: 12, - depth: 3, - color: "#60ff46", - borderColor: "#262C34", - }, - { - id: "Percentage of HIV-positive patients who were screened for TB in HIV care or treatment settings", - radius: 12, - depth: 3, - color: "#97ff46", - borderColor: "#262C34", - }, - { - id: "Percentage of HIV-positive registered TB patients given anti-retroviral therapy during TB treatment", - radius: 12, - depth: 3, - color: "#daff46", - borderColor: "#262C34", - }, - { - id: "Percentage of TB patients who had an HIV test result recorded in the TB register", - radius: 12, - depth: 3, - color: "#daff46", - borderColor: "#262C34", - }, - { - id: "Percentage of adults and children that initiated ART, with an undetectable viral load at 12 months (<1000 copies/ml)", - radius: 12, - depth: 3, - color: "#daff46", - borderColor: "#262C34", - }, - { - id: "TCS-other 1: Percentage of adults currently receiving ART among all adults living with HIV", - radius: 12, - depth: 3, - color: "#daff46", - borderColor: "#262C34", - }, - { - id: "TCS-other 2: Percentage of children currently receiving ART among all children living with HIV", - radius: 12, - depth: 3, - color: "#daff46", - borderColor: "#262C34", - }, - { - id: "TCS-other 3: Percentage of adults and children enrolled in care who have received a CD4 count.", - radius: 12, - depth: 3, - color: "#fa9a55", - borderColor: "#262C34", - }, - { - id: "Ensure the supervision of community service providers and primary healthcare centers (CSPS) (50% of sites performing poorly) by the District Team each semester", - radius: 12, - depth: 3, - color: "#E2E2E2", - borderColor: "#262C34", - }, - { - id: "TB/HIV-4: Percentage of new HIV-positive patients starting IPT during the reporting period", - radius: 12, - depth: 3, - color: "#E2E2E2", - borderColor: "#262C34", - }, - ], - links: [ - { - source: "Jan, 2017 - Jun, 2017", - target: "Coverage / Output indicator", - distance: 10, - }, - { - source: "Coverage / Output indicator", - target: "PMTCT|Coverage / Output indicator", - distance: 60, - }, - { - source: "PMTCT|Coverage / Output indicator", - target: - "Percentage of HIV-positive pregnant women who received antiretrovirals to reduce the risk of mother-to-child transmission", - distance: 70, - }, - { - source: "PMTCT|Coverage / Output indicator", - target: - "Percentage of infants born to HIV-positive women receiving a virological test for HIV within 2 months of birth", - distance: 70, - }, - { - source: "PMTCT|Coverage / Output indicator", - target: "Percentage of pregnant women who know their HIV status", - distance: 70, - }, - { - source: "Coverage / Output indicator", - target: - "Prevention programs for general population|Coverage / Output indicator", - distance: 60, - }, - { - source: - "Prevention programs for general population|Coverage / Output indicator", - target: - "Number of women and men aged 15+ who received an HIV test and know their results", - distance: 70, - }, - { - source: "Coverage / Output indicator", - target: "TB/HIV|Coverage / Output indicator", - distance: 60, - }, - { - source: "TB/HIV|Coverage / Output indicator", - target: - "Percentage of HIV-positive patients who were screened for TB in HIV care or treatment settings", - distance: 70, - }, - { - source: "TB/HIV|Coverage / Output indicator", - target: - "Percentage of HIV-positive registered TB patients given anti-retroviral therapy during TB treatment", - distance: 70, - }, - { - source: "TB/HIV|Coverage / Output indicator", - target: - "Percentage of TB patients who had an HIV test result recorded in the TB register", - distance: 70, - }, - { - source: "Coverage / Output indicator", - target: "Treatment, care and support|Coverage / Output indicator", - distance: 60, - }, - { - source: "Treatment, care and support|Coverage / Output indicator", - target: - "Percentage of adults and children that initiated ART, with an undetectable viral load at 12 months (<1000 copies/ml)", - distance: 70, - }, - { - source: "Treatment, care and support|Coverage / Output indicator", - target: - "TCS-other 1: Percentage of adults currently receiving ART among all adults living with HIV", - distance: 70, - }, - { - source: "Treatment, care and support|Coverage / Output indicator", - target: - "TCS-other 2: Percentage of children currently receiving ART among all children living with HIV", - distance: 70, - }, - { - source: "Treatment, care and support|Coverage / Output indicator", - target: - "TCS-other 3: Percentage of adults and children enrolled in care who have received a CD4 count.", - distance: 70, - }, - { - source: "Jan, 2017 - Jun, 2017", - target: "Process indicator / WPTM", - distance: 10, - }, - { - source: "Process indicator / WPTM", - target: "PMTCT|Process indicator / WPTM", - distance: 60, - }, - { - source: "PMTCT|Process indicator / WPTM", - target: - "Ensure the supervision of community service providers and primary healthcare centers (CSPS) (50% of sites performing poorly) by the District Team each semester", - distance: 70, - }, - { - source: "Process indicator / WPTM", - target: "TB/HIV|Process indicator / WPTM", - distance: 60, - }, - { - source: "TB/HIV|Process indicator / WPTM", - target: - "TB/HIV-4: Percentage of new HIV-positive patients starting IPT during the reporting period", - distance: 70, - }, - ], -}; diff --git a/src/app/components/Charts/Network/index.tsx b/src/app/components/Charts/Network/index.tsx index 6a56047f5..1b8b50099 100644 --- a/src/app/components/Charts/Network/index.tsx +++ b/src/app/components/Charts/Network/index.tsx @@ -7,6 +7,7 @@ import { useMediaQuery, Tooltip } from "@material-ui/core"; import { NetworkVizProps } from "app/components/Charts/Network/data"; import { NoDataLabel } from "app/components/Charts/common/nodatalabel"; import { AchievementRateLegend } from "app/components/Charts/Network/components/legends"; +import { appColors } from "app/theme"; export function NetworkViz(props: NetworkVizProps) { const cmsData = useCMSData({ returnData: true }); @@ -24,7 +25,7 @@ export function NetworkViz(props: NetworkVizProps) { "path" ); pathElement.setAttribute("d", "M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2"); - pathElement.setAttribute("stroke", "#262c34"); + pathElement.setAttribute("stroke", appColors.COMMON.PRIMARY_COLOR_1); pathElement.setAttribute("strokeWidth", "0.5"); const patternElement = document.createElementNS( @@ -158,8 +159,8 @@ export function NetworkViz(props: NetworkVizProps) { strokeLinecap="round" stroke={ props.selectedNodeId && props.selectedNodeId === link.source.id - ? "#262C34" - : "#DFE3E6" + ? appColors.COMMON.PRIMARY_COLOR_1 + : appColors.COMMON.SECONDARY_COLOR_7 } /> )); @@ -171,7 +172,7 @@ export function NetworkViz(props: NetworkVizProps) {
0 ? props.data.nodes : []} diff --git a/src/app/components/Charts/PerformanceRating/data.ts b/src/app/components/Charts/PerformanceRating/data.ts index 4bf1fc028..e3409a298 100644 --- a/src/app/components/Charts/PerformanceRating/data.ts +++ b/src/app/components/Charts/PerformanceRating/data.ts @@ -3,26 +3,3 @@ export interface PerformanceRatingProps { } export const ratingValues = ["N/A", "C", "B2", "B1", "A2", "A1"]; - -export const mockdata: Record[] = [ - { - year: "May 2010 - Jul 2010", - rating: 3, - }, - { - year: "Aug 2010 - Oct 2010", - rating: 3, - }, - { - year: "Nov 2010 - Jan 2011", - rating: 3, - }, - { - year: "Feb 2011 - Apr 2011", - rating: 3, - }, - { - year: "May 2011 - Jul 2011", - rating: 3, - }, -]; diff --git a/src/app/components/Charts/PerformanceRating/index.tsx b/src/app/components/Charts/PerformanceRating/index.tsx index 9f07bf390..d05a2e138 100644 --- a/src/app/components/Charts/PerformanceRating/index.tsx +++ b/src/app/components/Charts/PerformanceRating/index.tsx @@ -1,13 +1,14 @@ import React from "react"; +import get from "lodash/get"; +import { appColors } from "app/theme"; import { ResponsiveBar } from "@nivo/bar"; import { InfoIcon } from "app/assets/icons/Info"; +import { useCMSData } from "app/hooks/useCMSData"; import useMediaQuery from "@material-ui/core/useMediaQuery"; import { PerformanceRatingProps, ratingValues, } from "app/components/Charts/PerformanceRating/data"; -import get from "lodash/get"; -import { useCMSData } from "app/hooks/useCMSData"; export function PerformanceRating(props: PerformanceRatingProps) { const isMobile = useMediaQuery("(max-width: 767px)"); @@ -54,7 +55,7 @@ export function PerformanceRating(props: PerformanceRatingProps) { motionDamping={15} groupMode="grouped" enableLabel={false} - colors={["#1B2127"]} + colors={[appColors.PERFORMANCE_RATING.NODE_COLOR]} motionStiffness={90} isInteractive={false} padding={isMobile ? 0.3 : 0.5} @@ -93,11 +94,11 @@ export function PerformanceRating(props: PerformanceRatingProps) { ticks: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.PERFORMANCE_RATING.AXIS_GRID_COLOR, strokeOpacity: 0.3, }, text: { - fill: "#262c34", + stroke: appColors.PERFORMANCE_RATING.AXIS_TEXT_COLOR, fontSize: 12, }, }, @@ -115,7 +116,7 @@ export function PerformanceRating(props: PerformanceRatingProps) { grid: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.PERFORMANCE_RATING.AXIS_GRID_COLOR, strokeOpacity: 0.3, }, }, diff --git a/src/app/components/Charts/PledgesContributions/TimeCycle/components/bar/index.tsx b/src/app/components/Charts/PledgesContributions/TimeCycle/components/bar/index.tsx index 60f719c4d..0365c568d 100644 --- a/src/app/components/Charts/PledgesContributions/TimeCycle/components/bar/index.tsx +++ b/src/app/components/Charts/PledgesContributions/TimeCycle/components/bar/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { appColors } from "app/theme"; import { PledgesContributionsTimeCycleTooltip } from "../tooltip"; export function BarComponent(props: any) { @@ -13,8 +14,7 @@ export function BarComponent(props: any) { label: props.label, }; - let nodecss = - "cursor: pointer;transition: opacity 0.2s ease-in-out;stroke: #1B2127;"; + let nodecss = `cursor: pointer;transition: opacity 0.2s ease-in-out;stroke: ${appColors.TIME_CYCLE.NODE_STROKE_HOVER_COLOR};`; if (props.selected === `${props.data.indexValue}-${props.data.id}`) { nodecss += "z-index: 2;"; } else if ( diff --git a/src/app/components/Charts/PledgesContributions/TimeCycle/components/tooltip/index.tsx b/src/app/components/Charts/PledgesContributions/TimeCycle/components/tooltip/index.tsx index e270ae996..79c51d87f 100644 --- a/src/app/components/Charts/PledgesContributions/TimeCycle/components/tooltip/index.tsx +++ b/src/app/components/Charts/PledgesContributions/TimeCycle/components/tooltip/index.tsx @@ -1,15 +1,16 @@ import React from "react"; +import { appColors } from "app/theme"; import { formatFinancialValue } from "app/utils/formatFinancialValue"; export function PledgesContributionsTimeCycleTooltip(props: any) { return (
diff --git a/src/app/components/Charts/PledgesContributions/TimeCycle/data.ts b/src/app/components/Charts/PledgesContributions/TimeCycle/data.ts index c96328e3f..07dd9743b 100644 --- a/src/app/components/Charts/PledgesContributions/TimeCycle/data.ts +++ b/src/app/components/Charts/PledgesContributions/TimeCycle/data.ts @@ -21,55 +21,3 @@ export interface PledgesContributionsTreemapDataItem { value: number; }; } - -export const mockdata: Record[] = [ - { - year: "2001-2005", - pledge: 4855441149.2, - contribution: 4855441149.2, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, - { - year: "2006-2007", - pledge: 4750213146, - contribution: 4803345662.25, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, - { - year: "2008-2010", - pledge: 10039407985.1, - contribution: 9643861786.12, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, - { - year: "2011-2013", - pledge: 10307673846.25, - contribution: 10303883939.29, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, - { - year: "2014-2016", - pledge: 12448929788.12, - contribution: 11713105696.93, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, - { - year: "2017-2019", - pledge: 12242930684.09, - contribution: 11374762402.26, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, - { - year: "2020-2022", - pledge: 17942307515.71, - contribution: 4191700290.72, - pledgeColor: "#868E96", - contributionColor: "#262C34", - }, -]; diff --git a/src/app/components/Charts/PledgesContributions/TimeCycle/index.tsx b/src/app/components/Charts/PledgesContributions/TimeCycle/index.tsx index 218720eb7..38be8cd01 100644 --- a/src/app/components/Charts/PledgesContributions/TimeCycle/index.tsx +++ b/src/app/components/Charts/PledgesContributions/TimeCycle/index.tsx @@ -1,8 +1,11 @@ import React from "react"; +import get from "lodash/get"; +import { appColors } from "app/theme"; import Grid from "@material-ui/core/Grid"; import { ResponsiveBar } from "@nivo/bar"; import { InfoIcon } from "app/assets/icons/Info"; import CloseIcon from "@material-ui/icons/Close"; +import { useCMSData } from "app/hooks/useCMSData"; import IconButton from "@material-ui/core/IconButton"; import { isTouchDevice } from "app/utils/isTouchDevice"; import useMediaQuery from "@material-ui/core/useMediaQuery"; @@ -17,8 +20,6 @@ import { TooltipButton, XsContainer, } from "app/components/Charts/common/styles"; -import get from "lodash/get"; -import { useCMSData } from "app/hooks/useCMSData"; export function PledgesContributionsTimeCycle( props: PledgesContributionsProps @@ -33,8 +34,14 @@ export function PledgesContributionsTimeCycle( "pledgesContributionsBar" ); const legends = [ - { name: get(cmsData, "componentsChartsPledges.pledge", ""), color: "#BFCFEE" }, - { name: get(cmsData, "componentsChartsPledges.contribution", ""), color: "#252C34" }, + { + name: get(cmsData, "componentsChartsPledges.pledge", ""), + color: appColors.TIME_CYCLE.PLEDGE_COLOR, + }, + { + name: get(cmsData, "componentsChartsPledges.contribution", ""), + color: appColors.TIME_CYCLE.CONTRIBUTION_COLOR, + }, ]; const Bars = (bprops: any) => { @@ -86,7 +93,7 @@ export function PledgesContributionsTimeCycle(
- {get(cmsData, "componentsChartsPledges.replenishmentPeriods", "")} + {get(cmsData, "componentsChartsPledges.replenishmentPeriods", "")}{" "} +
@@ -210,11 +218,11 @@ export function PledgesContributionsTimeCycle( ticks: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.TIME_CYCLE.AXIS_COLOR, strokeOpacity: 0.3, }, text: { - fill: "#262c34", + stroke: appColors.TIME_CYCLE.AXIS_TEXT_COLOR, fontSize: 12, }, }, @@ -232,7 +240,7 @@ export function PledgesContributionsTimeCycle( grid: { line: { strokeWidth: 1, - stroke: "#868E96", + stroke: appColors.TIME_CYCLE.AXIS_GRID_COLOR, strokeOpacity: 0.3, }, }, @@ -251,19 +259,21 @@ export function PledgesContributionsTimeCycle( css={` padding: 16px 25px; position: relative; - background: #f5f5f7; + background: ${appColors.TIME_CYCLE.TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; @media (max-width: 767px) { padding: 25px; - color: #262c34; - background: #fff; + color: ${appColors.TIME_CYCLE.MOBILE_TOOLTIP_COLOR}; + background: ${appColors.TIME_CYCLE + .MOBILE_TOOLTIP_BACKGROUND_COLOR}; border-radius: 20px; box-shadow: 0px 0px 10px rgba(152, 161, 170, 0.3); > div { padding: 0; - background: #fff !important; + background: ${appColors.TIME_CYCLE + .MOBILE_TOOLTIP_BACKGROUND_COLOR} !important; } } `} @@ -275,7 +285,7 @@ export function PledgesContributionsTimeCycle( justify-content flex-end; path { - fill: #2E4063; + fill: ${appColors.TIME_CYCLE.MOBILE_TOOLTIP_CLOSE_ICON_COLOR}; } `} > diff --git a/src/app/components/Charts/common/nodatalabel/index.tsx b/src/app/components/Charts/common/nodatalabel/index.tsx index 5844c0c43..bbec5d5f3 100644 --- a/src/app/components/Charts/common/nodatalabel/index.tsx +++ b/src/app/components/Charts/common/nodatalabel/index.tsx @@ -2,6 +2,7 @@ import React from "react"; import { Link } from "react-router-dom"; import get from "lodash/get"; import { useCMSData } from "app/hooks/useCMSData"; +import { appColors } from "app/theme"; interface Props { height?: string; @@ -16,7 +17,7 @@ export function NoDataLabel(props: Props) { left: 0; width: 100%; display: flex; - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; font-size: 12px; font-weight: 500; position: absolute; @@ -27,16 +28,16 @@ export function NoDataLabel(props: Props) { height: ${props.height ? props.height : "50%"}; a { - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; } > div { padding: 10px; border-radius: 4px; - background: #dfe3e6; + background: ${appColors.COMMON.SECONDARY_COLOR_7}; > div { - background: #dfe3e6 !important; + background: ${appColors.COMMON.SECONDARY_COLOR_7} !important; } } `} @@ -44,7 +45,10 @@ export function NoDataLabel(props: Props) {
{get(cmsData, "componentsChartsCommon.noData", "")}
- {get(cmsData, "componentsChartsCommon.moreInfo", "")} {get(cmsData, "componentsChartsCommon.moreInfoLink", "")} + {get(cmsData, "componentsChartsCommon.moreInfo", "")}{" "} + + {get(cmsData, "componentsChartsCommon.moreInfoLink", "")} +
diff --git a/src/app/components/Charts/common/styles.ts b/src/app/components/Charts/common/styles.ts index d6bce971b..84cb34597 100644 --- a/src/app/components/Charts/common/styles.ts +++ b/src/app/components/Charts/common/styles.ts @@ -1,3 +1,4 @@ +import { appColors } from "app/theme"; import styled from "styled-components/macro"; export const XsContainer = styled.div` @@ -21,11 +22,11 @@ export const XsContainer = styled.div` export const TooltipButton = styled.button` width: 100%; padding: 12px; - color: #262c34; + color: ${appColors.COMMON.PRIMARY_COLOR_1}; font-size: 14px; border-width: 0px; border-radius: 20px; font-weight: 700; - background: #dfe3e6; + background: ${appColors.COMMON.SECONDARY_COLOR_7}; font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; `; diff --git a/src/app/components/CookieDialog/common/message.tsx b/src/app/components/CookieDialog/common/message.tsx index bd02a5543..504dd3a0b 100644 --- a/src/app/components/CookieDialog/common/message.tsx +++ b/src/app/components/CookieDialog/common/message.tsx @@ -1,18 +1,19 @@ import React from "react"; -import styled from "styled-components/macro"; -import { useMediaQuery, Box } from "@material-ui/core"; import get from "lodash/get"; +import { appColors } from "app/theme"; +import styled from "styled-components/macro"; import { useCMSData } from "app/hooks/useCMSData"; +import { useMediaQuery, Box } from "@material-ui/core"; const Button = styled((props) =>