@ammarkhalidfarooq/dashboard-package 0.4.66 → 0.4.68

package/dist/index.es.js

@@ -4763,17 +4763,40 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
   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",
-    sx: sx,
-    children: data.map(function (item, index) {
+  return /*#__PURE__*/jsxs(Card, {
+    sx: _objectSpread2({
+      bgcolor: "#fff",
+      borderRadius: 4,
+      border: "1px solid #f0f0f0",
+      boxShadow: "0 4px 24px rgba(0,0,0,0.06)",
+      p: 3
+    }, sx),
+    children: [/*#__PURE__*/jsxs(Box, {
+      sx: {
+        textAlign: "left"
+      },
+      children: [/*#__PURE__*/jsx(Typography, {
+        sx: {
+          fontWeight: 700,
+          fontSize: "18px",
+          color: "#000"
+        },
+        children: "Paid donor geography"
+      }), /*#__PURE__*/jsx(Typography, {
+        sx: {
+          fontSize: "13px",
+          color: "rgba(0, 0, 0, 0.4)",
+          mt: 0
+        },
+        children: "Where ad-acquired donors come from"
+      })]
+    }), data.map(function (item, index) {
       return /*#__PURE__*/jsxs(Box, {
         sx: {
           display: "flex",
           alignItems: "center",
           gap: 2,
-          py: 0.7
+          pb: 0.7
         },
         children: [/*#__PURE__*/jsx(Typography, {
           sx: {
@@ -4812,7 +4835,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
           children: [item.value, " \xB7 ", item.percentage, "%"]
         })]
       }, index);
-    })
+    })]
   });
 };
 
@@ -5711,16 +5734,16 @@ var OverallSection = function OverallSection(_ref) {
         donationTypeData: donationTypeData
       }), /*#__PURE__*/jsx(PaidDonorGeographyCard, {
         sx: {
-          minHeight: 400
+          minHeight: 300
         },
         donorGeographyData: donorGeographyData
       }), /*#__PURE__*/jsx(RefundsChargebacksCard, {
         sx: {
-          minHeight: 400
+          minHeight: 300
         }
       }), /*#__PURE__*/jsx(TrafficSourceCard, {
         sx: {
-          minHeight: 400
+          minHeight: 300
         },
         trafficSourceData: trafficSourceData
       }), /*#__PURE__*/jsx(MetricSparklineCard, {