@ammarkhalidfarooq/dashboard-package 0.6.105 → 0.6.106

package/dist/index.cjs.js

@@ -6595,36 +6595,13 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
       value: item.donations !== undefined ? item.donations : item.value || 0
     };
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(material.Card, {
+  return /*#__PURE__*/jsxRuntime.jsx(CardWrapper, {
+    title: "Paid Donor Geography",
+    subtitle: "Where ad-acquired donors come from",
     sx: _objectSpread2({
-      bgcolor: "#fff",
-      borderRadius: 4,
-      border: "1px solid #f0f0f0",
-      boxShadow: "0 4px 24px rgba(0,0,0,0.06)",
-      p: 3
+      width: "100%"
     }, sx),
-    children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-      sx: {
-        textAlign: "left",
-        marginBottom: "12px"
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
-        sx: {
-          fontWeight: 700,
-          fontSize: "18px",
-          color: "#000",
-          lineHeight: 1.15
-        },
-        children: "Paid Donor Geography"
-      }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
-        sx: {
-          fontSize: "13px",
-          color: "rgba(0, 0, 0, 0.4)",
-          lineHeight: 1.15
-        },
-        children: "Where ad-acquired donors come from"
-      })]
-    }), data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+    children: data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
         fontSize: "13px",
         color: "rgba(0, 0, 0, 0.4)",
@@ -6676,7 +6653,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
           children: [item.value, " - ", item.percentage, "%"]
         })]
       }, index);
-    })]
+    })
   });
 };
 
@@ -18724,17 +18701,24 @@ var PaidSection = function PaidSection(_ref) {
       container: true,
       spacing: 3,
       sx: {
-        mt: "6px"
+        mt: "6px",
+        alignItems: "stretch"
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(material.Grid, {
         item: true,
         xs: 12,
         md: 6,
         sx: {
-          paddingTop: "0px !important"
+          paddingTop: "0px !important",
+          display: "flex"
         },
-        children: /*#__PURE__*/jsxRuntime.jsx(TopPerformingCampaignsCard, {
-          data: topCampaignsData !== null && topCampaignsData !== void 0 ? topCampaignsData : hasPaidOverview ? [] : null
+        children: /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+          sx: {
+            width: "100%"
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(TopPerformingCampaignsCard, {
+            data: topCampaignsData !== null && topCampaignsData !== void 0 ? topCampaignsData : hasPaidOverview ? [] : null
+          })
         })
       }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
         item: true,
@@ -18749,7 +18733,8 @@ var PaidSection = function PaidSection(_ref) {
           marginTop: {
             xs: "6px",
             md: "0px"
-          }
+          },
+          display: "flex"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(PaidDonorGeographyCard, {
           donorGeographyData: donorGeographyData