s-platform-landing-section 0.1.36-beta.6 → 0.1.36-beta.7

package/dist/index.js

@@ -10769,7 +10769,14 @@ var Products2 = function Products2(props) {
   var _useState2 = React.useState(false),
     canGoNext = _useState2[0],
     setCanGoNext = _useState2[1];
-  var _ProductController = ProductController(props),
+  var _useState3 = React.useState({
+      size: 16,
+      isSale: true
+    }),
+    params = _useState3[0];
+  var _ProductController = ProductController(_extends({}, props, {
+      params: params
+    })),
     _ProductController$pr = _ProductController.products,
     products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
     _ProductController$lo = _ProductController.loading,
@@ -11452,48 +11459,38 @@ var Products11 = function Products11(props) {
         return (a === null || a === void 0 ? void 0 : (_a$productInfo = a.productInfo) === null || _a$productInfo === void 0 ? void 0 : _a$productInfo.price) - (b === null || b === void 0 ? void 0 : (_b$productInfo = b.productInfo) === null || _b$productInfo === void 0 ? void 0 : _b$productInfo.price);
       });
       setProductsFilter(productsCopy);
-    } else if ((filterItem === null || filterItem === void 0 ? void 0 : filterItem.value) === "discount") {
-      var _productsCopy2;
-      var _productsCopy = [].concat(products);
-      _productsCopy = (_productsCopy2 = _productsCopy) === null || _productsCopy2 === void 0 ? void 0 : _productsCopy2.filter(function (product) {
-        var _product$productInfo, _product$productInfo2, _product$productInfo3;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo3 = product.productInfo) === null || _product$productInfo3 === void 0 ? void 0 : _product$productInfo3.price);
-      });
-      setProductsFilter(_productsCopy);
     } else {
       setProductsFilter(products);
     }
   }, [products, categorySelected]);
   var handleFilter = function handleFilter(item) {
     setFilterItem(item);
-    if ((item === null || item === void 0 ? void 0 : item.value) === "sortPriceDESC" && !(params !== null && params !== void 0 && params.isHighlight)) {
+    if ((item === null || item === void 0 ? void 0 : item.value) === "sortPriceDESC" && !(params !== null && params !== void 0 && params.isHighlight) && !(params !== null && params !== void 0 && params.isSale)) {
       var productsCopy = [].concat(products);
       productsCopy === null || productsCopy === void 0 ? void 0 : productsCopy.sort(function (a, b) {
         var _a$productInfo2, _b$productInfo2;
         return (a === null || a === void 0 ? void 0 : (_a$productInfo2 = a.productInfo) === null || _a$productInfo2 === void 0 ? void 0 : _a$productInfo2.price) - (b === null || b === void 0 ? void 0 : (_b$productInfo2 = b.productInfo) === null || _b$productInfo2 === void 0 ? void 0 : _b$productInfo2.price);
       });
       setProductsFilter(productsCopy);
-    } else if ((item === null || item === void 0 ? void 0 : item.value) === "discount" && !(params !== null && params !== void 0 && params.isHighlight)) {
-      var _productsCopy4;
-      var _productsCopy3 = [].concat(products);
-      _productsCopy3 = (_productsCopy4 = _productsCopy3) === null || _productsCopy4 === void 0 ? void 0 : _productsCopy4.filter(function (product) {
-        var _product$productInfo4, _product$productInfo5, _product$productInfo6;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.price);
+    } else if ((item === null || item === void 0 ? void 0 : item.value) === "discount") {
+      setParams({
+        page: 0,
+        categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
+        size: 12,
+        isSale: true
       });
-      setProductsFilter(_productsCopy3);
     } else if ((item === null || item === void 0 ? void 0 : item.value) === "isHighlight") {
-      setParams(function (prev) {
-        return _extends({}, prev, {
-          isHighlight: true
-        });
+      setParams({
+        page: 0,
+        categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
+        size: 12,
+        isHighlight: true
       });
     } else {
-      setParams(function (prev) {
-        return {
-          page: 0,
-          categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
-          size: 12
-        };
+      setParams({
+        page: 0,
+        categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
+        size: 12
       });
     }
   };
@@ -11791,7 +11788,7 @@ var listFilter$1 = [{
   }
 }];
 var ProductSearch1 = function ProductSearch1(props) {
-  var _window, _window$location, _productsFilter$slice;
+  var _window, _window$location, _products$slice;
   var _props$Link = props.Link,
     Link = _props$Link === void 0 ? null : _props$Link,
     _props$SectionTitle = props.SectionTitle,
@@ -11801,21 +11798,18 @@ var ProductSearch1 = function ProductSearch1(props) {
     shopConfigStyle = props.shopConfigStyle;
   var queryParams = new URLSearchParams((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.search);
   var keywordValue = queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('tu-khoa');
-  var _useState = React.useState([]),
-    productsFilter = _useState[0],
-    setProductsFilter = _useState[1];
-  var _useState2 = React.useState({
+  var _useState = React.useState({
       productName: keywordValue,
       size: 12
     }),
-    params = _useState2[0],
-    setParams = _useState2[1];
-  var _useState3 = React.useState(true),
-    isGetMore = _useState3[0],
-    setIsGetMore = _useState3[1];
-  var _useState4 = React.useState(false),
-    isAutoGetList = _useState4[0],
-    setIsAutoGetList = _useState4[1];
+    params = _useState[0],
+    setParams = _useState[1];
+  var _useState2 = React.useState(true),
+    isGetMore = _useState2[0],
+    setIsGetMore = _useState2[1];
+  var _useState3 = React.useState(false),
+    isAutoGetList = _useState3[0],
+    setIsAutoGetList = _useState3[1];
   var _ProductController = ProductController(_extends({}, props, {
       params: params,
       isAutoGetList: isAutoGetList
@@ -11823,9 +11817,6 @@ var ProductSearch1 = function ProductSearch1(props) {
     products = _ProductController.products,
     loading = _ProductController.loading,
     page = _ProductController.page;
-  var _useState5 = React.useState({}),
-    filterValue = _useState5[0],
-    setFilterValue = _useState5[1];
   React.useEffect(function () {
     setIsAutoGetList(true);
     setParams(function (prev) {
@@ -11834,19 +11825,6 @@ var ProductSearch1 = function ProductSearch1(props) {
       });
     });
   }, [keywordValue]);
-  React.useEffect(function () {
-    if ((filterValue === null || filterValue === void 0 ? void 0 : filterValue.value) === "discount") {
-      var _productsCopy;
-      var productsCopy = [].concat(products);
-      productsCopy = (_productsCopy = productsCopy) === null || _productsCopy === void 0 ? void 0 : _productsCopy.filter(function (product) {
-        var _product$productInfo, _product$productInfo2, _product$productInfo3;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo3 = product.productInfo) === null || _product$productInfo3 === void 0 ? void 0 : _product$productInfo3.price);
-      });
-      setProductsFilter(productsCopy);
-    } else {
-      setProductsFilter(products);
-    }
-  }, [products]);
   var handleGetMoreProducts = function handleGetMoreProducts() {
     setIsGetMore(false);
     setParams(function (prev) {
@@ -11856,20 +11834,17 @@ var ProductSearch1 = function ProductSearch1(props) {
     });
   };
   var handleFilter = function handleFilter(item) {
-    setFilterValue(item);
-    if ((item === null || item === void 0 ? void 0 : item.value) === "discount" && !(params !== null && params !== void 0 && params.isHighlight)) {
-      var _productsCopy2;
-      var productsCopy = [].concat(products);
-      productsCopy = (_productsCopy2 = productsCopy) === null || _productsCopy2 === void 0 ? void 0 : _productsCopy2.filter(function (product) {
-        var _product$productInfo4, _product$productInfo5, _product$productInfo6;
-        return (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.price);
+    if ((item === null || item === void 0 ? void 0 : item.value) === "discount") {
+      setParams({
+        size: 12,
+        productName: keywordValue,
+        isSale: true
       });
-      setProductsFilter(productsCopy);
     } else if ((item === null || item === void 0 ? void 0 : item.value) === "isHighlight") {
-      setParams(function (prev) {
-        return _extends({}, prev, {
-          isHighlight: true
-        });
+      setParams({
+        size: 12,
+        productName: keywordValue,
+        isHighlight: true
       });
     } else {
       setParams({
@@ -11893,15 +11868,15 @@ var ProductSearch1 = function ProductSearch1(props) {
     onClick: handleFilter
   }), loading && isGetMore ? /*#__PURE__*/React__default.createElement("div", {
     className: "m-auto mt-20 min-h-32"
-  }, /*#__PURE__*/React__default.createElement(Loading, null)) : (productsFilter === null || productsFilter === void 0 ? void 0 : productsFilter.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Loading, null)) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-4 md:gap-4 xl:gap-6"
-  }, productsFilter === null || productsFilter === void 0 ? void 0 : (_productsFilter$slice = productsFilter.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _productsFilter$slice === void 0 ? void 0 : _productsFilter$slice.map(function (product, idx) {
+  }, products === null || products === void 0 ? void 0 : (_products$slice = products.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _products$slice === void 0 ? void 0 : _products$slice.map(function (product, idx) {
     return /*#__PURE__*/React__default.createElement(ProductItem, {
       Link: Link,
       product: product,
       key: "htrhr-" + idx
     });
-  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (productsFilter === null || productsFilter === void 0 ? void 0 : productsFilter.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
+  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
     label: "Xem thêm",
     onClick: handleGetMoreProducts,
     className: "mx-auto " + (shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.buttonClass),