@ammarkhalidfarooq/dashboard-package 0.3.4 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +11 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +11 -5
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -641,7 +641,9 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
641
641
|
Icon = _ref.icon,
|
|
642
642
|
onClick = _ref.onClick,
|
|
643
643
|
_ref$sx = _ref.sx,
|
|
644
|
-
sx = _ref$sx === void 0 ? {} : _ref$sx
|
|
644
|
+
sx = _ref$sx === void 0 ? {} : _ref$sx,
|
|
645
|
+
_ref$isActive = _ref.isActive,
|
|
646
|
+
isActive = _ref$isActive === void 0 ? false : _ref$isActive;
|
|
645
647
|
return /*#__PURE__*/jsxs(Box, {
|
|
646
648
|
onClick: onClick,
|
|
647
649
|
sx: _objectSpread2({
|
|
@@ -659,7 +661,7 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
659
661
|
border: "2px solid #f0f0f0",
|
|
660
662
|
transition: "all 0.3s ease",
|
|
661
663
|
":hover": {
|
|
662
|
-
border: "
|
|
664
|
+
border: "1px solid rgb(99, 99, 230)"
|
|
663
665
|
// transform: "translateY(-2px)",
|
|
664
666
|
}
|
|
665
667
|
}, sx),
|
|
@@ -672,8 +674,8 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
672
674
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
673
675
|
sx: {
|
|
674
676
|
fontWeight: "400",
|
|
675
|
-
color: "
|
|
676
|
-
fontSize: "
|
|
677
|
+
color: isActive ? "#c1c1f5" : "#a1a1a8",
|
|
678
|
+
fontSize: "14px",
|
|
677
679
|
lineHeight: "16px",
|
|
678
680
|
textAlign: "left"
|
|
679
681
|
},
|
|
@@ -682,7 +684,7 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
682
684
|
sx: {
|
|
683
685
|
lineHeight: "1.2",
|
|
684
686
|
textAlign: "left",
|
|
685
|
-
color: "#000",
|
|
687
|
+
color: isActive ? "#6363e6" : "#000",
|
|
686
688
|
fontSize: "20px",
|
|
687
689
|
fontWeight: "700",
|
|
688
690
|
mb: 0.5
|
|
@@ -1957,6 +1959,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
1957
1959
|
onClick: function onClick() {
|
|
1958
1960
|
return setActiveMetric(title);
|
|
1959
1961
|
},
|
|
1962
|
+
isActive: activeMetric === title,
|
|
1960
1963
|
sx: {
|
|
1961
1964
|
flex: 1,
|
|
1962
1965
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|
|
@@ -2115,6 +2118,7 @@ var EmailSection = function EmailSection() {
|
|
|
2115
2118
|
onClick: function onClick() {
|
|
2116
2119
|
return setActiveMetric(title);
|
|
2117
2120
|
},
|
|
2121
|
+
isActive: activeMetric === title,
|
|
2118
2122
|
sx: {
|
|
2119
2123
|
flex: 1,
|
|
2120
2124
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|
|
@@ -4894,6 +4898,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
4894
4898
|
onClick: function onClick() {
|
|
4895
4899
|
return setActiveMetric(title);
|
|
4896
4900
|
},
|
|
4901
|
+
isActive: activeMetric === title,
|
|
4897
4902
|
sx: {
|
|
4898
4903
|
flex: 1,
|
|
4899
4904
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|
|
@@ -5123,6 +5128,7 @@ var PaidSection = function PaidSection() {
|
|
|
5123
5128
|
onClick: function onClick() {
|
|
5124
5129
|
return setActiveMetric(title);
|
|
5125
5130
|
},
|
|
5131
|
+
isActive: activeMetric === title,
|
|
5126
5132
|
sx: {
|
|
5127
5133
|
flex: 1,
|
|
5128
5134
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|