From a7bea8ebdbe57674ec27bc60a22539029b6944f4 Mon Sep 17 00:00:00 2001
From: mahdi andalib <andalibmahdi45@gmail.com>
Date: Thu, 17 Feb 2022 18:23:16 +0330
Subject: [PATCH] slider added

---
 src/App.js                             |  4 +++-
 src/components/Digikala/ImageSlider.js |  2 +-
 src/components/Digikala/SliderData.js  | 12 +++++-------
 src/components/Digikala/index.js       |  6 +++++-
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/App.js b/src/App.js
index 564558b..815fbfe 100644
--- a/src/App.js
+++ b/src/App.js
@@ -44,7 +44,8 @@ import TableDesign1 from "./components/Table/Design1";
 import ReactTable2 from "./components/ReactTable2";
 // import ReactTable3 from "./components/ReactTable3";
 import ReactTable4 from "./components/ReactTable4";
-import Digikala from "./components/Digikala/ImageSlider";
+import Digikala from "./components/Digikala";
+// import Digikala from "./components/Digikala/ImageSlider";
 
 import Switch from "./components/Switch";
 
@@ -94,6 +95,7 @@ function App() {
         {/* <ReactTable3 /> */}
         {/* <ReactTable4 /> */}
         <Digikala />
+        {/* <DigikalaShop /> */}
       </div>
     </Provider>
   );
diff --git a/src/components/Digikala/ImageSlider.js b/src/components/Digikala/ImageSlider.js
index b69ea0c..78013e2 100644
--- a/src/components/Digikala/ImageSlider.js
+++ b/src/components/Digikala/ImageSlider.js
@@ -23,7 +23,7 @@ const ImageSlider = ({ slides }) => {
 
   return (
     <section className="bg-red-100">
-      <div className="group relative bg-pink-400">
+      <div className="relative bg-pink-400">
         {slides.map((slide, index) => {
           return (
             <div
diff --git a/src/components/Digikala/SliderData.js b/src/components/Digikala/SliderData.js
index f6b00d0..7379581 100644
--- a/src/components/Digikala/SliderData.js
+++ b/src/components/Digikala/SliderData.js
@@ -1,19 +1,17 @@
-import pic1 from "./pic1.jpg";
-import pic2 from "./pic2.jpg";
-import pic3 from "./pic3.jpg";
 import pic4 from "./pic4.jpg";
-import pic5 from "./pic5.jpg";
 import pic6 from "./pic6.jpg";
+import pic5 from "./pic5.jpg";
+import pic3 from "./pic3.jpg";
 
 export const SliderData = [
   {
-    image: pic6,
+    image: pic4,
   },
   {
-    image: pic5,
+    image: pic6,
   },
   {
-    image: pic4,
+    image: pic5,
   },
   {
     image: pic3,
diff --git a/src/components/Digikala/index.js b/src/components/Digikala/index.js
index 7d51541..c332e8d 100644
--- a/src/components/Digikala/index.js
+++ b/src/components/Digikala/index.js
@@ -3,7 +3,11 @@ import ImageSlider from "./ImageSlider";
 import { SliderData } from "./SliderData";
 
 const Digikala = () => {
-  return <ImageSlider slides={SliderData} />;
+  return (
+    <div>
+      <ImageSlider slides={SliderData} />
+    </div>
+  );
 };
 
 export default Digikala;