@ammarkhalidfarooq/dashboard-package 0.4.4 → 0.4.6

package/dist/index.es.js

@@ -1664,32 +1664,9 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard() {
   });
 };
 var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
-  var sx = _ref3.sx;
-  var data = [{
-    country: "United States",
-    value: "78 · 36%",
-    percentage: 36
-  }, {
-    country: "United Kingdom",
-    value: "42 · 20%",
-    percentage: 20
-  }, {
-    country: "Canada",
-    value: "28 · 13%",
-    percentage: 13
-  }, {
-    country: "UAE",
-    value: "24 · 11%",
-    percentage: 11
-  }, {
-    country: "Saudi Arabia",
-    value: "19 · 9%",
-    percentage: 9
-  }, {
-    country: "Other",
-    value: "24 · 11%",
-    percentage: 11
-  }];
+  var sx = _ref3.sx,
+    donorGeographyData = _ref3.donorGeographyData;
+  var data = donorGeographyData || [];
   return /*#__PURE__*/jsx(CardWrapper, {
     title: "Paid donor geography",
     subtitle: "Where ad-acquired donors come from",
@@ -1728,7 +1705,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
               }
             }
           })
-        }), /*#__PURE__*/jsx(Typography, {
+        }), /*#__PURE__*/jsxs(Typography, {
           sx: {
             fontSize: "13px",
             fontWeight: 700,
@@ -1736,7 +1713,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
             minWidth: "60px",
             textAlign: "right"
           },
-          children: item.value
+          children: [item.value, " \xB7 ", item.percentage, "%"]
         })]
       }, index);
     })
@@ -5695,6 +5672,7 @@ var OverallSection = function OverallSection(_ref) {
     activeMetric = _useState2[0],
     setActiveMetric = _useState2[1];
   var donationTypeData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationTypeData) || [];
+  var donorGeographyData = (apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography) || [];
   var allCharts = [].concat(_toConsumableArray(primaryCharts), _toConsumableArray(secondaryCharts), _toConsumableArray(tertiaryCharts), _toConsumableArray(quaternaryCharts));
   var getExtendedCharts = function getExtendedCharts() {
     var charts = _toConsumableArray(allCharts);
@@ -6185,7 +6163,8 @@ var OverallSection = function OverallSection(_ref) {
         children: /*#__PURE__*/jsx(PaidDonorGeographyCard, {
           sx: {
             height: 330
-          }
+          },
+          donorGeographyData: donorGeographyData
         })
       }), /*#__PURE__*/jsx(Grid, {
         item: true,