s-platform-landing-section 0.1.10-alpha.3 → 0.1.10-alpha.5

package/dist/index.js

@@ -55,14 +55,29 @@ var NavBar7 = function NavBar7(props) {
     _props$userInfo = props.userInfo,
     userInfo = _props$userInfo === void 0 ? null : _props$userInfo,
     _props$cartItems = props.cartItems,
-    cartItems = _props$cartItems === void 0 ? [] : _props$cartItems;
-  console.log("cartItems", cartItems);
-  var totalItem = cartItems.reduce(function (total, item) {
-    return total + item.quantity;
-  }, 0);
-  if (totalItem > 9) {
-    totalItem = "9+";
-  }
+    cartItems = _props$cartItems === void 0 ? [] : _props$cartItems,
+    _props$useSelector = props.useSelector,
+    useSelector = _props$useSelector === void 0 ? null : _props$useSelector;
+  var _useState2 = React.useState(""),
+    totalItem = _useState2[0],
+    setTotalItem = _useState2[1];
+  React.useEffect(function () {
+    console.log("NavBar7 cartItems", cartItems);
+    var totalItem = cartItems.reduce(function (total, item) {
+      return total + item.quantity;
+    }, 0);
+    if (totalItem > 9) {
+      totalItem = "9+";
+    }
+    setTotalItem(totalItem);
+  }, [cartItems]);
+  var cartItems2 = useSelector === null || useSelector === void 0 ? void 0 : useSelector(function (state) {
+    return state.cart.items;
+  });
+  console.log("NavBar7 cartItems2", cartItems2);
+  React.useEffect(function () {
+    console.log("NavBar7 cartItems2", cartItems2);
+  }, [cartItems2]);
   var cart = function cart() {
     return /*#__PURE__*/React__default.createElement("a", {
       href: "/carts"
@@ -9578,7 +9593,7 @@ var Footer7 = function Footer7(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: " col-span-2 flex flex-col leading-8 mb-10 sm:mb-0 "
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-3 font-semibold text-md md:text-lg"
+    className: "mb-4 font-semibold text-md md:text-lg"
   }, "Th\xF4ng tin li\xEAn h\u1EC7"), shopAddressList === null || shopAddressList === void 0 ? void 0 : shopAddressList.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "C\u01A1 s\u1EDF ", index + 1), /*#__PURE__*/React__default.createElement("div", {
       className: "flex gap-1"
@@ -9598,7 +9613,7 @@ var Footer7 = function Footer7(props) {
       }
     }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.phone)));
   })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-4 font-semibold text-lg"
+    className: "mb-4 font-semibold text-md md:text-lg"
   }, "Li\xEAn k\u1EBFt"), /*#__PURE__*/React__default.createElement("div", {
     className: "leading-10 flex flex-col "
   }, routes === null || routes === void 0 ? void 0 : (_routes$filter = routes.filter(function (e) {
@@ -9608,7 +9623,7 @@ var Footer7 = function Footer7(props) {
       href: route === null || route === void 0 ? void 0 : route.route
     }, /*#__PURE__*/React__default.createElement("div", null, route === null || route === void 0 ? void 0 : route.label));
   }))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "font-semibold mb-4 text-lg"
+    className: "font-semibold mb-4 text-md md:text-lg"
   }, "H\u1ED7 tr\u1EE3"), /*#__PURE__*/React__default.createElement("div", {
     className: "flex justify-start items-center gap-4"
   }, /*#__PURE__*/React__default.createElement("a", {