From eb683d43afd2ca577b1cc5353ba1bd0f50792103 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 14 Nov 2022 12:22:18 +0100
Subject: [PATCH] cleanup

---
 .../lib/components/customButtonGroupDots.tsx  | 15 --------------
 .../src/lib/components/customNavButtons.tsx   |  2 --
 .../src/lib/components/homeTabFeatured.tsx    | 20 +++++++------------
 3 files changed, 7 insertions(+), 30 deletions(-)
 delete mode 100644 libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx

diff --git a/libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx b/libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx
deleted file mode 100644
index 365d86971e..0000000000
--- a/libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React from 'react'
-
-const CustomButtonGroupDots = ({ next, previous, goToSlide, ...rest }) => {
-  const { carouselState: { currentSlide, totalItems } } = rest
-
-  return (
-    <div style={{ textAlign: "center" }}>
-      <button onClick={() => goToSlide(currentSlide - 1)}></button>
-      <button onClick={() => goToSlide(currentSlide + 1)}></button>
-    </div>
-  )
-}
-
-export default CustomButtonGroupDots
diff --git a/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx b/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
index 5596f314de..c161a82591 100644
--- a/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
@@ -3,8 +3,6 @@ import React from 'react'
 
 const CustomNavButtons = ({ parent, next, previous, goToSlide, ...rest }) => {
   const { carouselState: { currentSlide, totalItems, containerWidth, transform } } = rest
-  console.log("REST ", rest)
-  console.log("parent ", parent)
   return (
     <div className="mt-1 d-flex justify-content-end carousel-button-group">
       <button
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
index 3e145a5473..54d94c8352 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
@@ -3,17 +3,11 @@ import React, { useEffect, useState, useRef, useContext } from 'react'
 import { ThemeContext, themes } from '../themeContext'
 import Carousel from 'react-multi-carousel'
 import 'react-multi-carousel/lib/styles.css'
-import CustomButtonGroupDots from './customButtonGroupDots'
 const _paq = window._paq = window._paq || [] // eslint-disable-line
 
 function HomeTabFeatured() {
   const themeFilter = useContext(ThemeContext)
 
-  useEffect(() => {
-    return () => {
-    }
-  }, [])
-
   return (
     <div className="pt-3 pl-2" id="hTFeaturedeSection">
       <label style={{ fontSize: "1.2rem" }}>Featured</label>
@@ -21,7 +15,6 @@ function HomeTabFeatured() {
         <div className="w-100 d-flex flex-column" style={{ height: "200px" }}>
           <ThemeContext.Provider value={themeFilter}>
             <Carousel
-              customButtonGroup={<CustomButtonGroupDots next={undefined} previous={undefined} goToSlide={undefined} />}
               arrows={false}
               swipeable={false}
               draggable={true}
@@ -30,17 +23,18 @@ function HomeTabFeatured() {
               renderDotsOutside={true}
               ssr={true} // means to render carousel on server-side.
               infinite={true}
+              partialVisible={false}
               centerMode={false}
               autoPlay={true}
               keyBoardControl={true}
-              containerClass="border carousel-container"
-              sliderClass="px-2 h-100 justify-content-between"
+              containerClass="border w-full carousel-container"
+              sliderClass="h-100 justify-content-between"
               deviceType={"desktop"}
-              itemClass="px-2 carousel-item-padding-10-px"
+              itemClass=""
               autoPlaySpeed={15000}
               dotListClass="position-relative mt-2"
             >
-              <div className="d-flex">
+              <div className="mx-1 px-1 d-flex">
                 <img src={"assets/img/bgRemi.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5>JUMP INTO WEB3</h5>
@@ -48,7 +42,7 @@ function HomeTabFeatured() {
                   <a className="remixui_home_text" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'jumpIntoWeb3'])} target="__blank" href="https://remix-project.org">More</a>
                 </div>
               </div>
-              <div className="d-flex">
+              <div className="mx-1 px-1 d-flex">
                 <img src={"/assets/img/remixRewardUser.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 p-4" style={{ flex: "1" }}>
                   <h5>REMIX REWARDS</h5>
@@ -59,7 +53,7 @@ function HomeTabFeatured() {
                   <a className="remixui_home_text" target="__blank" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'remixRewards'])} href="https://rewards.remix.ethereum.eth.limo">More</a>
                 </div>
               </div>
-              <div className="d-flex">
+              <div className="mx-1 px-1 d-flex">
                 <img src={"/assets/img/remixRewardBetaTester.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 p-4" style={{ flex: "1" }}>
                   <h5>BETA TESTING</h5>