oddsgate-ds 1.0.94 → 1.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.94",
+  "version": "1.0.95",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/organisms/CircularSlider/CircularSlider.component.tsx

@@ -29,9 +29,6 @@ const CircularSlider = ({
 
   const isMobile = useMediaMatch();
 
-  const sliderSize = isMobile ? 2.6 : 1;
-  const slideSize = isMobile ? 0.12 : 0.15;
-
   //force 12 items
   if (content && content.length < 12) {
     let counter = 0;
@@ -58,7 +55,6 @@ const CircularSlider = ({
     let currentSlide = 0;
 
     slidesHolder.current.style.transitionDuration = animationDuration + 'ms';
-
     const slidesRepositioning = (r) => {
       for (let i = 0; i < slides.length; i++) {
 
@@ -72,6 +68,8 @@ const CircularSlider = ({
     const setSize = (radius: number) => {
       if (!wrapper.current || !slidesHolder.current) return //bail out;
 
+      const slideSize = isMobile ? 0.12 : 0.15;
+
       wrapper.current.style.width = 2 * radius + 'px';
       wrapper.current.style.height = 2 * radius + 'px';
 
@@ -90,6 +88,8 @@ const CircularSlider = ({
     }
 
     const sliderResize = debounce(() => {
+      const sliderSize = isMobile ? 2.6 : 1;
+
       let radius,
         w = slider?.current ? slider?.current?.getBoundingClientRect().width : 0,
         h = slider?.current ? slider?.current.getBoundingClientRect().height : 0;
@@ -162,7 +162,7 @@ const CircularSlider = ({
 
       window.removeEventListener('resize', sliderResize)
     }
-  }, [])
+  }, [isMobile])
 
   if (!content) return <></>
 

package/src/components/organisms/CircularSlider/CircularSlider.theme.ts

@@ -60,6 +60,7 @@ export const StyledCircularSliderSlide = styled.div<ICircularSlider>`
     height: 100%;
     object-fit: cover;
     pointer-events:none;
+    filter: grayscale(100%);
   }
 
   &.active{

package/src/components/organisms/Tabs/Tabs.component.tsx

@@ -29,6 +29,7 @@ const Tabs = ({ id, title, menu, vertical, className, style }: ITabs) => {
       heights.push(child?.offsetHeight as number)
     })
     tabsContent.current.style.height = `${Math.max(...heights)}px`;
+    window.dispatchEvent(new Event('resize'));
   }, 250)
 
   useEffect(()=>{