s-platform-landing-section 0.1.32 → 0.1.33

package/dist/index.js

@@ -21,8 +21,8 @@ require('slick-carousel/slick/slick.css');
 require('slick-carousel/slick/slick-theme.css');
 var ai = require('react-icons/ai');
 var go = require('react-icons/go');
-var hi = require('react-icons/hi');
 var ri = require('react-icons/ri');
+var hi = require('react-icons/hi');
 var gi = require('react-icons/gi');
 
 var Button = function Button(props) {
@@ -10154,7 +10154,7 @@ var ProductList7 = function ProductList7(props) {
   }, /*#__PURE__*/React__default.createElement(SectionTitle, {
     data: data,
     shopConfigStyle: shopConfigStyle
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-10 mt-12"
   }, products === null || products === void 0 ? void 0 : (_products$slice = products.slice(0, 4)) === null || _products$slice === void 0 ? void 0 : _products$slice.map(function (product, index) {
     return /*#__PURE__*/React__default.createElement(ProductItem, {
@@ -10163,14 +10163,14 @@ var ProductList7 = function ProductList7(props) {
       key: index,
       product: product === null || product === void 0 ? void 0 : product.productInfo
     });
-  })), (products === null || products === void 0 ? void 0 : products.length) > 4 ? /*#__PURE__*/React__default.createElement(LinkToPage, {
+  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), (products === null || products === void 0 ? void 0 : products.length) > 4 ? /*#__PURE__*/React__default.createElement(LinkToPage, {
     href: "/san-pham",
     Link: Link
   }, /*#__PURE__*/React__default.createElement(Button, {
     label: "Xem tất cả",
     shopConfigStyle: shopConfigStyle,
     className: "mt-12"
-  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null)), /*#__PURE__*/React__default.createElement(Dash, {
+  })) : null), /*#__PURE__*/React__default.createElement(Dash, {
     color: secondary
   }));
 };
@@ -10433,7 +10433,7 @@ var Products3 = function Products3(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "text-xl"
   }, "Danh m\u1EE5c s\u1EA3n ph\u1EA9m"), /*#__PURE__*/React__default.createElement("div", {
-    className: "overflow-y-auto max-h-96"
+    className: "overflow-y-auto max-h-96 scroll-container pr-3"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex gap-2 py-4 border-b border-stroke cursor-pointer hover:text-primary " + (!(categorySelected !== null && categorySelected !== void 0 && categorySelected.categoryId) ? "text-primary" : "text-textSecondary"),
     onClick: function onClick() {
@@ -12154,6 +12154,101 @@ function SvgVnpay(props) {
   }))));
 }
 
+var dataFake = [{
+  title: "Đa dạng thanh toán",
+  data: [{
+    svgImage: "",
+    srcImage: /*#__PURE__*/React__default.createElement(fa6.FaArrowsRotate, null),
+    label: "Chuyển khoản",
+    link: ""
+  }, {
+    svgImage: "",
+    srcImage: /*#__PURE__*/React__default.createElement(bs.BsCurrencyDollar, null),
+    label: "Tiền mặt",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(SvgVnpay, null),
+    svgImage: "",
+    label: "VNPay",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(SvgVietQr, null),
+    svgImage: "",
+    label: "VietQR",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(go.GoCreditCard, null),
+    svgImage: "",
+    label: "Thẻ ATM",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(fa.FaCcVisa, null),
+    svgImage: "",
+    label: "Thẻ Quốc tế",
+    link: ""
+  }]
+}, {
+  title: "Thông tin hữu ích",
+  data: [{
+    srcImage: /*#__PURE__*/React__default.createElement(io.IoMdCheckmarkCircleOutline, null),
+    svgImage: "",
+    label: "Chính sách bảo hành",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(fa6.FaArrowsRotate, null),
+    svgImage: "",
+    label: "Chính sách đổi trả",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(lu.LuShoppingBag, null),
+    svgImage: "",
+    label: "Hướng dẫn mua hàng online",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(ai.AiOutlineInfoCircle, null),
+    svgImage: "",
+    label: "Giới thiệu về chúng tôi",
+    link: ""
+  }]
+}, {
+  title: "Mạng xã hội",
+  data: [{
+    srcImage: /*#__PURE__*/React__default.createElement(fa.FaFacebookF, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Facebook",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(fa.FaYoutube, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Youtube",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(fa.FaTiktok, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Tiktok",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(ri.RiMessengerFill, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Messenger",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(si.SiZalo, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Zalo",
+    link: ""
+  }]
+}];
 var Links1 = function Links1(props) {
   var data = props.data,
     _props$SectionTitle = props.SectionTitle,
@@ -12167,26 +12262,23 @@ var Links1 = function Links1(props) {
     shopConfigStyle: shopConfigStyle
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 lg:gap-8 w-full bg-background"
-  }, [1, 2, 3].map(function (item, index) {
+  }, dataFake === null || dataFake === void 0 ? void 0 : dataFake.map(function (item, index) {
+    var _item$data;
     return /*#__PURE__*/React__default.createElement("div", {
-      key: "qwikf-" + index + " "
+      key: "qwikf-" + index + " ",
+      className: "h-full overflow-hidden rounded-b-xl"
     }, /*#__PURE__*/React__default.createElement("h3", {
       className: "text-lg md:text-2xl font-semibold mb-4"
-    }, "\u0110a d\u1EA1ng thanh to\xE1n"), /*#__PURE__*/React__default.createElement("div", {
-      className: "leading-10 flex flex-col bg-background2 p-4 rounded-xl bg-bgSecondary "
-    }, /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(fa6.FaArrowsRotate, {
-      className: "inline-block\t text-primary text-2xl mb-1 me-3"
-    }), "  Chuy\u1EC3n kho\u1EA3n"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(bs.BsCurrencyDollar, {
-      className: "inline-block\t text-primary text-2xl mb-1 me-3"
-    }), " Ti\u1EC1n m\u1EB7t"), /*#__PURE__*/React__default.createElement("label", {
-      className: "flex items-center gap-[18px]"
-    }, /*#__PURE__*/React__default.createElement(SvgVietQr, null), "VietQR"), /*#__PURE__*/React__default.createElement("label", {
-      className: "flex items-center gap-[18px]"
-    }, /*#__PURE__*/React__default.createElement(SvgVnpay, null), "VNPay"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(go.GoCreditCard, {
-      className: "inline-block\t text-primary text-2xl mb-1 me-3"
-    }), " Th\u1EBB ATM"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(si.SiVisa, {
-      className: "inline-block\t text-primary text-2xl mb-1 me-3"
-    }), " Th\u1EBB Qu\u1ED1c t\u1EBF")));
+    }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", {
+      className: "leading-10 flex flex-col bg-background2 p-4 rounded-xl bg-bgSecondary h-full"
+    }, item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.map(function (it, idx) {
+      return /*#__PURE__*/React__default.createElement("label", {
+        className: "flex gap-4 items-center",
+        key: "ikgf-" + idx
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "text-primary text-2xl"
+      }, it === null || it === void 0 ? void 0 : it.srcImage), it === null || it === void 0 ? void 0 : it.label);
+    })));
   })));
 };