From 9353e55bb012564464c17a5ed8c36247406639dd Mon Sep 17 00:00:00 2001
From: Anthony Marin <anthonymarin144@gmail.com>
Date: Fri, 5 Jul 2024 19:19:47 -0700
Subject: [PATCH] fix: smoothed out carousel

---
 .../trending-creators/TrendingCreators.tsx    | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/nft-dashboard/trending-creators/TrendingCreators.tsx b/src/components/nft-dashboard/trending-creators/TrendingCreators.tsx
index f1e062f..222a8ca 100644
--- a/src/components/nft-dashboard/trending-creators/TrendingCreators.tsx
+++ b/src/components/nft-dashboard/trending-creators/TrendingCreators.tsx
@@ -86,8 +86,12 @@ export const TrendingCreators: React.FC = () => {
           afterChange={() => setDragging(false)}
           slidesToShow={7}
           ref={sliderRef}
+          swipe={true}
           centerMode={false}
-          infinite={false}
+          speed={500}
+          swipeToSlide={true}
+          draggable={true}
+          easing="ease-in-out"
           responsive={[
             {
               breakpoint: 1920,
@@ -104,7 +108,7 @@ export const TrendingCreators: React.FC = () => {
             {
               breakpoint: 1700,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 7,
               },
             },
             {
@@ -116,67 +120,67 @@ export const TrendingCreators: React.FC = () => {
             {
               breakpoint: 1370,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1279,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1200,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1120,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1020,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 920,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 820,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 767,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 5,
               },
             },
             {
               breakpoint: 650,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 5,
               },
             },
             {
               breakpoint: 550,
               settings: {
-                slidesToShow: 7,
+                slidesToShow: 5,
               },
             },
             {
               breakpoint: 500,
               settings: {
-                slidesToShow: 6,
+                slidesToShow: 5,
               },
             },
             {