roye arrow safe mahsolat kar kardam | 144

src/views/Products/layouts/Desktop/Main.js

@@ -241,33 +241,19 @@ export const Main = ({
             <Loading size={4} color="bg-green-400" />
           </div>
         )}
-        <div style={{ height: 180 }}>
+        <div>
           {(filterOptions?.productType
             ? filterOptions.productType === "دوره ویدئویی"
-            : true) &&
+            : true) && (
-            (isMobile ? (
+            <ScrollingCarousel
-              <ScrollingCarousel
+              rightArrow={<div>{">"}</div>}
-                rightArrow={<div>{">"}</div>}
+              leftArrow={<div>{"<"}</div>}
-                leftArrow={<div>{"<"}</div>}
+              className="max-w-full"
-                className="max-w-full"
+              useArrowKeys={true}
-                useArrowKeys={true}
+            >
-              >
+              {Items(2)}
-                {Items(2)}
+            </ScrollingCarousel>
-              </ScrollingCarousel>
+          )}
-            ) : (
-              <Carousel
-                show={4}
-                slide={2}
-                swiping={true}
-                useArrowKeys={true}
-                transition={0.5}
-                className="max-w-full h-[180px] h-full"
-                // useArrowKeys={true}
-              >
-                {" "}
-                {Items(2)}
-              </Carousel>
-            ))}
         </div>
         <div className="w-full flex flex-row flex-wrap mt-0 border-t-2 border-solid border-gray-100 overflow-y-hidden gap-4 justify-evenly pt-3">
           {Items(1)}
@@ -295,3 +281,36 @@ const mapDispatchToProps = {
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(Main);
+
+{
+  /* <div className="">
+{(filterOptions?.productType
+  ? filterOptions.productType === "دوره ویدئویی"
+  : true) && (
+  <Carousel
+    show={Math.round(window.innerWidth / 400)}
+    slide={2}
+    swiping={true}
+    useArrowKeys={true}
+    className=""
+    transition={0.5}
+    rightArrow={
+      <img
+        className="absolute top-1/2 transform -translate-y-1/2 cursor-pointer p-2 -rotate-90"
+        src={dropdownIcon}
+        alt=""
+      />
+    }
+    leftArrow={
+      <img
+        className="absolute top-1/2 transform -translate-y-1/2 -translate-x-5 cursor-pointer rotate-90 p-2 -left-3"
+        src={dropdownIcon}
+        alt=""
+      />
+    }
+  >
+    {Items(4)}
+  </Carousel>
+)}
+</div> */
+}