diff --git a/package.json b/package.json index 0e2d52b..a1940ff 100644 --- a/package.json +++ b/package.json @@ -24,6 +24,7 @@ "redux": "^4.1.2", "sass": "^1.45.0", "sweetalert2": "^11.3.4", + "swiper": "^8.0.6", "tw-elements": "^1.0.0-alpha8", "use-draggable-scroll": "^0.1.0", "web-vitals": "^2.1.2" diff --git a/src/components/Digikala/Offer.js b/src/components/Digikala/Offer.js index 87cb0ec..fb53281 100644 --- a/src/components/Digikala/Offer.js +++ b/src/components/Digikala/Offer.js @@ -1,4 +1,10 @@ import React from "react"; +import { Swiper, SwiperSlide } from "swiper/react"; +// Import Swiper styles +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; + import "./index"; import leftArrow from "./white-left-arrow.svg"; @@ -33,72 +39,55 @@ const Offer = ({ products }) => { {/* left */} - {/* no-scrollbar */} -
- {product.discount} - % -
- {/* left */} -{product.price}
-+ {product.discount} + % +
+{product.price}
++ {product.discountPrice} +
+- {product.discountPrice} -
-