s-platform-landing-section 0.1.32 → 0.1.33

package/dist/index.modern.js

@@ -1,25 +1,25 @@
 import React__default, { useState, useRef, useEffect, forwardRef, useImperativeHandle, createElement, memo } from 'react';
 import { IoCartOutline, IoChevronDownOutline, IoPersonCircleOutline, IoLogOutOutline, IoInformationCircleOutline, IoBagOutline, IoSearchOutline, IoChevronBackOutline, IoChevronForwardOutline } from 'react-icons/io5';
-import { FaUserCircle, FaRegNewspaper, FaFacebookF, FaFacebookMessenger, FaBoxOpen, FaAngleUp, FaAngleDown, FaCheckCircle, FaArrowRight, FaArrowLeft, FaPhoneAlt } from 'react-icons/fa';
+import { FaUserCircle, FaRegNewspaper, FaFacebookF, FaFacebookMessenger, FaBoxOpen, FaAngleUp, FaAngleDown, FaCheckCircle, FaArrowRight, FaArrowLeft, FaCcVisa, FaYoutube, FaTiktok, FaPhoneAlt } from 'react-icons/fa';
 import { FiMenu, FiLogIn, FiHome, FiBox, FiPhoneCall, FiShoppingCart, FiSearch } from 'react-icons/fi';
 import { RxCross2 } from 'react-icons/rx';
 import { PiHandHeartBold } from 'react-icons/pi';
 import { TbCategory } from 'react-icons/tb';
-import { SiZalo, SiVisa } from 'react-icons/si';
-import { IoIosStar, IoIosArrowBack, IoIosArrowForward, IoMdCheckmark, IoIosHeartEmpty } from 'react-icons/io';
+import { SiZalo } from 'react-icons/si';
+import { IoIosStar, IoIosArrowBack, IoIosArrowForward, IoMdCheckmark, IoIosHeartEmpty, IoMdCheckmarkCircleOutline } from 'react-icons/io';
 import { FaMinus, FaRegEyeSlash, FaPlus, FaArrowsRotate, FaStar, FaRegStarHalfStroke, FaRegStar } from 'react-icons/fa6';
 import 'react-icons/ci';
 import { BsCurrencyDollar } from 'react-icons/bs';
-import { LuSearch, LuShoppingCart } from 'react-icons/lu';
+import { LuSearch, LuShoppingCart, LuShoppingBag } from 'react-icons/lu';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 import Slider from 'react-slick';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
-import { AiOutlineShoppingCart, AiOutlinePhone } from 'react-icons/ai';
+import { AiOutlineShoppingCart, AiOutlineInfoCircle, AiOutlinePhone } from 'react-icons/ai';
 import { GoCreditCard, GoClock } from 'react-icons/go';
+import { RiMessengerFill, RiDeleteBin7Line } from 'react-icons/ri';
 import { HiOutlineLocationMarker, HiOutlineArrowNarrowLeft, HiOutlineArrowNarrowRight } from 'react-icons/hi';
-import { RiDeleteBin7Line } from 'react-icons/ri';
 import { GiNewspaper } from 'react-icons/gi';
 
 var Button = function Button(props) {
@@ -10151,7 +10151,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, {
@@ -10160,14 +10160,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
   }));
 };
@@ -10430,7 +10430,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() {
@@ -12151,6 +12151,101 @@ function SvgVnpay(props) {
   }))));
 }
 
+var dataFake = [{
+  title: "Đa dạng thanh toán",
+  data: [{
+    svgImage: "",
+    srcImage: /*#__PURE__*/React__default.createElement(FaArrowsRotate, null),
+    label: "Chuyển khoản",
+    link: ""
+  }, {
+    svgImage: "",
+    srcImage: /*#__PURE__*/React__default.createElement(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(GoCreditCard, null),
+    svgImage: "",
+    label: "Thẻ ATM",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(FaCcVisa, null),
+    svgImage: "",
+    label: "Thẻ Quốc tế",
+    link: ""
+  }]
+}, {
+  title: "Thông tin hữu ích",
+  data: [{
+    srcImage: /*#__PURE__*/React__default.createElement(IoMdCheckmarkCircleOutline, null),
+    svgImage: "",
+    label: "Chính sách bảo hành",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(FaArrowsRotate, null),
+    svgImage: "",
+    label: "Chính sách đổi trả",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(LuShoppingBag, null),
+    svgImage: "",
+    label: "Hướng dẫn mua hàng online",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(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(FaFacebookF, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Facebook",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(FaYoutube, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Youtube",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(FaTiktok, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Tiktok",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(RiMessengerFill, {
+      className: "p-1 rounded bg-primary text-white"
+    }),
+    svgImage: "",
+    label: "Messenger",
+    link: ""
+  }, {
+    srcImage: /*#__PURE__*/React__default.createElement(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,
@@ -12164,26 +12259,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(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(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(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(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);
+    })));
   })));
 };