@undp/carbon-library 1.0.89 → 1.0.91

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -364,7 +364,7 @@ var getFinancialFields = function (programme) {
364
364
  estimatedProgrammeCostUSD: addCommSep(programme.programmeProperties.estimatedProgrammeCostUSD),
365
365
  creditEst: addCommSep(programme.creditEst),
366
366
  financingType: addSpaces(programme.programmeProperties.sourceOfFunding),
367
- grantEquivalent: new UnitField('USD', addCommSep(programme.programmeProperties.grantEquivalentAmount)),
367
+ grantEquivalent: new UnitField("USD", addCommSep(programme.programmeProperties.grantEquivalentAmount)),
368
368
  carbonPriceUSDPerTon: addCommSep(programme.programmeProperties.carbonPriceUSDPerTon),
369
369
  };
370
370
  };
@@ -19592,13 +19592,13 @@ var MapStatsComponent = function (props) {
19592
19592
 
19593
19593
  var RangePicker$1 = antd.DatePicker.RangePicker;
19594
19594
  var MrvDashboardComponent = function (props) {
19595
- var useConnection = props.useConnection, useUserContext = props.useUserContext, Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup;
19596
- var _a = useConnection(); _a.get; var post = _a.post; _a.delete;
19597
- var _b = React.useState({}), data = _b[0], setData = _b[1];
19598
- var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
19595
+ var useConnection = props.useConnection, useUserContext = props.useUserContext, Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
19596
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
19597
+ var _c = React.useState({}), data = _c[0], setData = _c[1];
19598
+ var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
19599
19599
  var userInfoState = useUserContext().userInfoState;
19600
- var _e = React.useState(Date.parse(String(moment().endOf("day")))), endTime = _e[0], setEndTime = _e[1];
19601
- var _f = React.useState(Date.parse(String(moment().subtract("13", "days").startOf("day")))), startTime = _f[0], setStartTime = _f[1];
19600
+ var _f = React.useState(Date.parse(String(moment().endOf("day")))), endTime = _f[0], setEndTime = _f[1];
19601
+ var _g = React.useState(Date.parse(String(moment().subtract("13", "days").startOf("day")))), startTime = _g[0], setStartTime = _g[1];
19602
19602
  var mapType = process.env.REACT_APP_MAP_TYPE
19603
19603
  ? process.env.REACT_APP_MAP_TYPE
19604
19604
  : "None";
@@ -20171,11 +20171,11 @@ var MrvDashboardComponent = function (props) {
20171
20171
  getData();
20172
20172
  }, [startTime, endTime]);
20173
20173
  return (React.createElement("div", { className: "dashboard-main-container" },
20174
- React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
20174
+ isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
20175
20175
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
20176
20176
  React.createElement(Link, { to: "/dashboard" },
20177
20177
  React.createElement(antd.Button, { className: "mrvdefault" }, "Carbon Registry")),
20178
- React.createElement(antd.Button, { type: "primary", className: "mrvprimary" }, "Transparency System"))),
20178
+ React.createElement(antd.Button, { type: "primary", className: "mrvprimary" }, "Transparency System")))),
20179
20179
  React.createElement("div", { className: "filter-container" },
20180
20180
  React.createElement("div", { className: "date-filter" },
20181
20181
  React.createElement(RangePicker$1, { ranges: {
@@ -21336,83 +21336,83 @@ var RegistryBarChartsStatComponent = function (props) {
21336
21336
 
21337
21337
  var RangePicker = antd.DatePicker.RangePicker;
21338
21338
  var RegistryDashboardComponent = function (props) {
21339
- var useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link;
21340
- var _a = useConnection(); _a.get; var post = _a.post; _a.delete;
21339
+ var useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
21340
+ var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
21341
21341
  var userInfoState = useUserContext().userInfoState;
21342
- var _b = React.useState(false), loadingWithoutTimeRange = _b[0], setLoadingWithoutTimeRange = _b[1];
21343
- var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
21344
- var _e = React.useState(false), loadingCharts = _e[0], setLoadingCharts = _e[1];
21345
- var _f = React.useState(0), totalProjects = _f[0], setTotalProjects = _f[1];
21346
- var _g = React.useState(0), pendingProjectsWithoutTimeRange = _g[0], setPendingProjectsWithoutTimeRange = _g[1];
21347
- var _h = React.useState(0), pendingProjects = _h[0], setPendingProjects = _h[1];
21348
- var _j = React.useState(0), rejectedProjects = _j[0], setRejectedProjects = _j[1];
21349
- var _k = React.useState(0), authorisedProjects = _k[0], setAuthorisedProjects = _k[1];
21350
- var _l = React.useState(0); _l[0]; var setCreditBalance = _l[1];
21351
- var _m = React.useState(0), creditBalanceWithoutTimeRange = _m[0], setCreditBalanceWithoutTimeRange = _m[1];
21352
- var _o = React.useState(0), creditCertiedBalanceWithoutTimeRange = _o[0], setCreditCertifiedBalanceWithoutTimeRange = _o[1];
21353
- var _p = React.useState([
21342
+ var _c = React.useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
21343
+ var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
21344
+ var _f = React.useState(false), loadingCharts = _f[0], setLoadingCharts = _f[1];
21345
+ var _g = React.useState(0), totalProjects = _g[0], setTotalProjects = _g[1];
21346
+ var _h = React.useState(0), pendingProjectsWithoutTimeRange = _h[0], setPendingProjectsWithoutTimeRange = _h[1];
21347
+ var _j = React.useState(0), pendingProjects = _j[0], setPendingProjects = _j[1];
21348
+ var _k = React.useState(0), rejectedProjects = _k[0], setRejectedProjects = _k[1];
21349
+ var _l = React.useState(0), authorisedProjects = _l[0], setAuthorisedProjects = _l[1];
21350
+ var _m = React.useState(0); _m[0]; var setCreditBalance = _m[1];
21351
+ var _o = React.useState(0), creditBalanceWithoutTimeRange = _o[0], setCreditBalanceWithoutTimeRange = _o[1];
21352
+ var _p = React.useState(0), creditCertiedBalanceWithoutTimeRange = _p[0], setCreditCertifiedBalanceWithoutTimeRange = _p[1];
21353
+ var _q = React.useState([
21354
21354
  1, 1, 0, 0,
21355
- ]), creditsPieSeries = _p[0], setCreditPieSeries = _p[1];
21356
- var _q = React.useState([1, 1, 0]), creditsCertifiedPieSeries = _q[0], setCreditCertifiedPieSeries = _q[1];
21357
- var _r = React.useState(0), creditsPieChartTotal = _r[0], setCreditsPieChartTotal = _r[1];
21358
- var _s = React.useState(0), certifiedCreditsPieChartTotal = _s[0], setCertifiedCreditsPieChartTotal = _s[1];
21359
- var _t = React.useState(Date.parse(String(moment().subtract("13", "days").startOf("day")))), startTime = _t[0], setStartTime = _t[1];
21360
- var _u = React.useState(Date.parse(String(moment().endOf("day")))), endTime = _u[0], setEndTime = _u[1];
21361
- var _v = React.useState("overall"), categoryType = _v[0], setCategoryType = _v[1];
21355
+ ]), creditsPieSeries = _q[0], setCreditPieSeries = _q[1];
21356
+ var _r = React.useState([1, 1, 0]), creditsCertifiedPieSeries = _r[0], setCreditCertifiedPieSeries = _r[1];
21357
+ var _s = React.useState(0), creditsPieChartTotal = _s[0], setCreditsPieChartTotal = _s[1];
21358
+ var _t = React.useState(0), certifiedCreditsPieChartTotal = _t[0], setCertifiedCreditsPieChartTotal = _t[1];
21359
+ var _u = React.useState(Date.parse(String(moment().subtract("13", "days").startOf("day")))), startTime = _u[0], setStartTime = _u[1];
21360
+ var _v = React.useState(Date.parse(String(moment().endOf("day")))), endTime = _v[0], setEndTime = _v[1];
21361
+ var _w = React.useState("overall"), categoryType = _w[0], setCategoryType = _w[1];
21362
21362
  // states for totalProgrammes chart
21363
- var _w = React.useState(getTotalProgrammesInitialValues()), totalProgrammesSeries = _w[0], setTotalProgrammesSeries = _w[1];
21364
- var _x = React.useState([]), totalProgrammesOptionsLabels = _x[0], setTotalProgrammesOptionsLabels = _x[1];
21363
+ var _x = React.useState(getTotalProgrammesInitialValues()), totalProgrammesSeries = _x[0], setTotalProgrammesSeries = _x[1];
21364
+ var _y = React.useState([]), totalProgrammesOptionsLabels = _y[0], setTotalProgrammesOptionsLabels = _y[1];
21365
21365
  // states for totalProgrammes sub sector chart
21366
- var _y = React.useState(getTotalProgrammesSectorInitialValues()), totalProgrammesSectorSeries = _y[0], setTotalProgrammesSectorSeries = _y[1];
21367
- var _z = React.useState([]), totalProgrammesSectorOptionsLabels = _z[0], setTotalProgrammesSectorOptionsLabels = _z[1];
21366
+ var _z = React.useState(getTotalProgrammesSectorInitialValues()), totalProgrammesSectorSeries = _z[0], setTotalProgrammesSectorSeries = _z[1];
21367
+ var _0 = React.useState([]), totalProgrammesSectorOptionsLabels = _0[0], setTotalProgrammesSectorOptionsLabels = _0[1];
21368
21368
  // states for totalCredits chart
21369
- var _0 = React.useState(totalCreditsSeriesInitialValues), totalCreditsSeries = _0[0], setTotalCreditsSeries = _0[1];
21370
- var _1 = React.useState([]), totalCreditsOptionsLabels = _1[0], setTotalCreditsOptionsLabels = _1[1];
21369
+ var _1 = React.useState(totalCreditsSeriesInitialValues), totalCreditsSeries = _1[0], setTotalCreditsSeries = _1[1];
21370
+ var _2 = React.useState([]), totalCreditsOptionsLabels = _2[0], setTotalCreditsOptionsLabels = _2[1];
21371
21371
  // states for totalCreditsCertified chart
21372
- var _2 = React.useState(totalCertifiedCreditsSeriesInitialValues), totalCertifiedCreditsSeries = _2[0], setTotalCertifiedCreditsSeries = _2[1];
21373
- var _3 = React.useState([]), totalCertifiedCreditsOptionsLabels = _3[0], setTotalCertifiedCreditsOptionsLabels = _3[1];
21372
+ var _3 = React.useState(totalCertifiedCreditsSeriesInitialValues), totalCertifiedCreditsSeries = _3[0], setTotalCertifiedCreditsSeries = _3[1];
21373
+ var _4 = React.useState([]), totalCertifiedCreditsOptionsLabels = _4[0], setTotalCertifiedCreditsOptionsLabels = _4[1];
21374
21374
  // locations of programmes
21375
- var _4 = React.useState(), programmeLocations = _4[0], setProgrammeLocations = _4[1];
21376
- var _5 = React.useState(), programmeTransferLocations = _5[0], setProgrammeTransferLocations = _5[1];
21375
+ var _5 = React.useState(), programmeLocations = _5[0], setProgrammeLocations = _5[1];
21376
+ var _6 = React.useState(), programmeTransferLocations = _6[0], setProgrammeTransferLocations = _6[1];
21377
21377
  //certifier view states
21378
- var _6 = React.useState(0), programmesCertifed = _6[0], setProgrammesCertifed = _6[1];
21379
- var _7 = React.useState(0), programmesUnCertifed = _7[0], setProgrammesUnCertifed = _7[1];
21378
+ var _7 = React.useState(0), programmesCertifed = _7[0], setProgrammesCertifed = _7[1];
21379
+ var _8 = React.useState(0), programmesUnCertifed = _8[0], setProgrammesUnCertifed = _8[1];
21380
21380
  //programmeDeveloper
21381
- var _8 = React.useState(0), transferRequestSent = _8[0], setTransferRequestSent = _8[1];
21382
- var _9 = React.useState(0), transferRequestReceived = _9[0], setTransferRequestReceived = _9[1];
21381
+ var _9 = React.useState(0), transferRequestSent = _9[0], setTransferRequestSent = _9[1];
21382
+ var _10 = React.useState(0), transferRequestReceived = _10[0], setTransferRequestReceived = _10[1];
21383
21383
  //last time updates
21384
- var _10 = React.useState(0), lastUpdateProgrammesStatsEpoch = _10[0], setLastUpdateProgrammesStatsEpoch = _10[1];
21385
- var _11 = React.useState("0"), lastUpdateProgrammesStats = _11[0], setLastUpdateProgrammesStats = _11[1];
21386
- var _12 = React.useState(0), lastUpdatePendingTransferSentEpoch = _12[0], setLastUpdatePendingTransferSentEpoch = _12[1];
21387
- var _13 = React.useState("0"), lastUpdatePendingTransferSent = _13[0], setLastUpdatePendingTransferSent = _13[1];
21388
- var _14 = React.useState(0), lastUpdateCreditBalanceEpoch = _14[0], setLastUpdateCreditBalanceEpoch = _14[1];
21389
- var _15 = React.useState("0"), lastUpdateCreditBalance = _15[0], setLastUpdateCreditBalance = _15[1];
21390
- var _16 = React.useState(0), lastUpdatePendingTransferReceivedEpoch = _16[0], setLastUpdatePendingTransferReceivedEpoch = _16[1];
21391
- var _17 = React.useState("0"), lastUpdatePendingTransferReceived = _17[0], setLastUpdatePendingTransferReceived = _17[1];
21392
- var _18 = React.useState(0), lastUpdateProgrammesCertifiableEpoch = _18[0], setLastUpdateProgrammesCertifiableEpoch = _18[1];
21393
- var _19 = React.useState("0"), lastUpdateProgrammesCertifiable = _19[0], setLastUpdateProgrammesCertifiable = _19[1];
21394
- var _20 = React.useState(0), lastUpdateCertifiedCreditsStatsEpoch = _20[0], setLastUpdateCertifiedCreditsStatsEpoch = _20[1];
21395
- var _21 = React.useState("0"), lastUpdateCertifiedCreditsStats = _21[0], setLastUpdateCertifiedCreditsStats = _21[1];
21396
- var _22 = React.useState(0), lastUpdateProgrammesCertifiedEpoch = _22[0], setLastUpdateProgrammesCertifiedEpoch = _22[1];
21397
- var _23 = React.useState("0"), lastUpdateProgrammesCertified = _23[0], setLastUpdateProgrammesCertified = _23[1];
21398
- var _24 = React.useState(0), lastUpdateProgrammesStatsCEpoch = _24[0], setLastUpdateProgrammesStatsCEpoch = _24[1];
21399
- var _25 = React.useState("0"), lastUpdateProgrammesStatsC = _25[0], setLastUpdateProgrammesStatsC = _25[1];
21400
- var _26 = React.useState(0), lastUpdateProgrammesCreditsStatsEpoch = _26[0], setLastUpdateProgrammesCreditsStatsEpoch = _26[1];
21401
- var _27 = React.useState("0"), lastUpdateProgrammesCreditsStats = _27[0], setLastUpdateProgrammesCreditsStats = _27[1];
21402
- var _28 = React.useState(0), lastUpdateProgrammesSectorStatsCEpoch = _28[0], setLastUpdateProgrammesSectorStatsCEpoch = _28[1];
21403
- var _29 = React.useState("0"), lastUpdateProgrammesSectorStatsC = _29[0], setLastUpdateProgrammesSectorStatsC = _29[1];
21404
- var _30 = React.useState(0), lastUpdateTotalCreditsEpoch = _30[0], setLastUpdateTotalCreditsEpoch = _30[1];
21405
- var _31 = React.useState("0"), lastUpdateTotalCredits = _31[0], setLastUpdateTotalCredits = _31[1];
21406
- var _32 = React.useState(0), lastUpdateTotalCreditsCertifiedEpoch = _32[0], setLastUpdateTotalCreditsCertifiedEpoch = _32[1];
21407
- var _33 = React.useState("0"), lastUpdateTotalCreditsCertified = _33[0], setLastUpdateTotalCreditsCertified = _33[1];
21408
- var _34 = React.useState(0), lastUpdateTransferLocationsEpoch = _34[0], setLastUpdateTransferLocationsEpoch = _34[1];
21409
- var _35 = React.useState("0"), lastUpdateTransferLocations = _35[0], setLastUpdateTransferLocations = _35[1];
21410
- var _36 = React.useState(), transferLocationsMapSource = _36[0], setTransferLocationsMapSource = _36[1];
21411
- var _37 = React.useState(), txLocationMapData = _37[0], setTxLocationMapData = _37[1];
21412
- var _38 = React.useState(), transferLocationsMapLayer = _38[0], setTransferLocationsMapLayer = _38[1];
21413
- var _39 = React.useState([]), programmeLocationsMapCenter = _39[0], setProgrammeLocationsMapCenter = _39[1];
21414
- var _40 = React.useState(), programmeLocationsMapSource = _40[0], setProgrammeLocationsMapSource = _40[1];
21415
- var _41 = React.useState(), programmeLocationsMapLayer = _41[0], setProgrammeLocationsMapLayer = _41[1];
21384
+ var _11 = React.useState(0), lastUpdateProgrammesStatsEpoch = _11[0], setLastUpdateProgrammesStatsEpoch = _11[1];
21385
+ var _12 = React.useState("0"), lastUpdateProgrammesStats = _12[0], setLastUpdateProgrammesStats = _12[1];
21386
+ var _13 = React.useState(0), lastUpdatePendingTransferSentEpoch = _13[0], setLastUpdatePendingTransferSentEpoch = _13[1];
21387
+ var _14 = React.useState("0"), lastUpdatePendingTransferSent = _14[0], setLastUpdatePendingTransferSent = _14[1];
21388
+ var _15 = React.useState(0), lastUpdateCreditBalanceEpoch = _15[0], setLastUpdateCreditBalanceEpoch = _15[1];
21389
+ var _16 = React.useState("0"), lastUpdateCreditBalance = _16[0], setLastUpdateCreditBalance = _16[1];
21390
+ var _17 = React.useState(0), lastUpdatePendingTransferReceivedEpoch = _17[0], setLastUpdatePendingTransferReceivedEpoch = _17[1];
21391
+ var _18 = React.useState("0"), lastUpdatePendingTransferReceived = _18[0], setLastUpdatePendingTransferReceived = _18[1];
21392
+ var _19 = React.useState(0), lastUpdateProgrammesCertifiableEpoch = _19[0], setLastUpdateProgrammesCertifiableEpoch = _19[1];
21393
+ var _20 = React.useState("0"), lastUpdateProgrammesCertifiable = _20[0], setLastUpdateProgrammesCertifiable = _20[1];
21394
+ var _21 = React.useState(0), lastUpdateCertifiedCreditsStatsEpoch = _21[0], setLastUpdateCertifiedCreditsStatsEpoch = _21[1];
21395
+ var _22 = React.useState("0"), lastUpdateCertifiedCreditsStats = _22[0], setLastUpdateCertifiedCreditsStats = _22[1];
21396
+ var _23 = React.useState(0), lastUpdateProgrammesCertifiedEpoch = _23[0], setLastUpdateProgrammesCertifiedEpoch = _23[1];
21397
+ var _24 = React.useState("0"), lastUpdateProgrammesCertified = _24[0], setLastUpdateProgrammesCertified = _24[1];
21398
+ var _25 = React.useState(0), lastUpdateProgrammesStatsCEpoch = _25[0], setLastUpdateProgrammesStatsCEpoch = _25[1];
21399
+ var _26 = React.useState("0"), lastUpdateProgrammesStatsC = _26[0], setLastUpdateProgrammesStatsC = _26[1];
21400
+ var _27 = React.useState(0), lastUpdateProgrammesCreditsStatsEpoch = _27[0], setLastUpdateProgrammesCreditsStatsEpoch = _27[1];
21401
+ var _28 = React.useState("0"), lastUpdateProgrammesCreditsStats = _28[0], setLastUpdateProgrammesCreditsStats = _28[1];
21402
+ var _29 = React.useState(0), lastUpdateProgrammesSectorStatsCEpoch = _29[0], setLastUpdateProgrammesSectorStatsCEpoch = _29[1];
21403
+ var _30 = React.useState("0"), lastUpdateProgrammesSectorStatsC = _30[0], setLastUpdateProgrammesSectorStatsC = _30[1];
21404
+ var _31 = React.useState(0), lastUpdateTotalCreditsEpoch = _31[0], setLastUpdateTotalCreditsEpoch = _31[1];
21405
+ var _32 = React.useState("0"), lastUpdateTotalCredits = _32[0], setLastUpdateTotalCredits = _32[1];
21406
+ var _33 = React.useState(0), lastUpdateTotalCreditsCertifiedEpoch = _33[0], setLastUpdateTotalCreditsCertifiedEpoch = _33[1];
21407
+ var _34 = React.useState("0"), lastUpdateTotalCreditsCertified = _34[0], setLastUpdateTotalCreditsCertified = _34[1];
21408
+ var _35 = React.useState(0), lastUpdateTransferLocationsEpoch = _35[0], setLastUpdateTransferLocationsEpoch = _35[1];
21409
+ var _36 = React.useState("0"), lastUpdateTransferLocations = _36[0], setLastUpdateTransferLocations = _36[1];
21410
+ var _37 = React.useState(), transferLocationsMapSource = _37[0], setTransferLocationsMapSource = _37[1];
21411
+ var _38 = React.useState(), txLocationMapData = _38[0], setTxLocationMapData = _38[1];
21412
+ var _39 = React.useState(), transferLocationsMapLayer = _39[0], setTransferLocationsMapLayer = _39[1];
21413
+ var _40 = React.useState([]), programmeLocationsMapCenter = _40[0], setProgrammeLocationsMapCenter = _40[1];
21414
+ var _41 = React.useState(), programmeLocationsMapSource = _41[0], setProgrammeLocationsMapSource = _41[1];
21415
+ var _42 = React.useState(), programmeLocationsMapLayer = _42[0], setProgrammeLocationsMapLayer = _42[1];
21416
21416
  var mapType = process.env.REACT_APP_MAP_TYPE
21417
21417
  ? process.env.REACT_APP_MAP_TYPE
21418
21418
  : "None";
@@ -22755,11 +22755,11 @@ var RegistryDashboardComponent = function (props) {
22755
22755
  return currentMarkers;
22756
22756
  };
22757
22757
  return (React.createElement("div", { className: "dashboard-main-container" },
22758
- React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
22758
+ isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
22759
22759
  React.createElement(ButtonGroup, null,
22760
22760
  React.createElement(antd.Button, { type: "primary", className: "rgprimary" }, "Carbon Registry"),
22761
22761
  React.createElement(Link, { to: "/dashboard/mrv" },
22762
- React.createElement(antd.Button, { className: "rgdefault" }, "Transparency System")))),
22762
+ React.createElement(antd.Button, { className: "rgdefault" }, "Transparency System"))))),
22763
22763
  React.createElement("div", { className: "stastics-cards-container", style: { marginTop: "50px" } },
22764
22764
  React.createElement(antd.Row, { gutter: [40, 40], className: "stastic-card-row" },
22765
22765
  React.createElement(antd.Col, { xxl: 8, xl: 8, md: 12, className: "stastic-card-col" },