final type error fix

Devwares-Team · Jan 29, 2023 · 37645fc · 37645fc
1 parent bc23740
commit 37645fc
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 51 deletions.
diff --git a/src/components/Animation/Animation.style.tsx b/src/components/Animation/Animation.style.tsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-export const Component = styled.div``
+export const Component = styled.div<any>``
 
 export const Container = styled.div<any>`
   .animated {

diff --git a/src/components/Carousel/CarouselItem/CarouselItem.tsx b/src/components/Carousel/CarouselItem/CarouselItem.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState } from "react";
 import PropTypes from "prop-types";
 import classNames from "classnames";
 import { ThemeProvider } from "styled-components";

diff --git a/src/components/DropDown/DropDownMenu/DropDownMenu.tsx b/src/components/DropDown/DropDownMenu/DropDownMenu.tsx
@@ -93,10 +93,10 @@ const DropDownMenu = (props: Props) => {
     const position1 = dropup
       ? 'top'
       : dropright
-        ? 'right'
-        : dropleft
-          ? 'left'
-          : 'bottom'
+      ? 'right'
+      : dropleft
+      ? 'left'
+      : 'bottom'
 
     const position2 = right ? 'end' : 'start'
 
@@ -117,40 +117,39 @@ const DropDownMenu = (props: Props) => {
         {(show) =>
           show
             ? ({ scale, opacity, top: topOffset }) => (
-              <Popper
-                placement={attrs.placement}
-                modifiers={animatedModifiers}
-              >
-                {({
-                  ref,
-                  style: { top, left, position },
-                  placement,
-                  arrowProps
-                }) => (
-                  <Component
-                    className={dropDownMenuClasses}
-                    ref={ref}
-                    style={{
-                      opacity,
-                      top: 0,
-                      left: 0,
-                      position,
-                      padding: '1em',
-                      transform: `translate3d(${left}, ${(top
-                        ? typeof top === 'string'
-                          ? parseInt(top)
-                          : top
-                        : 0) + topOffset
-                        }px, 0) scale(${scale})`,
-                      transformOrigin: 'top center'
-                    }}
-                    data-placement={placement}
-                  >
-                    {children}
-                  </Component>
-                )}
-              </Popper>
-            )
+                <Popper
+                  placement={attrs.placement}
+                  modifiers={animatedModifiers}
+                >
+                  {({
+                    ref,
+                    style: { top, left, position },
+                    placement,
+                    arrowProps
+                  }) => {
+                    const newTop = typeof top === 'string' && top ? parseInt(top) : top
+                    const topVal = (!isNaN(+newTop) ? +newTop : 0) + topOffset
+                    return (
+                      <Component
+                        className={dropDownMenuClasses}
+                        ref={ref}
+                        style={{
+                          opacity,
+                          top: 0,
+                          left: 0,
+                          position,
+                          padding: '1em',
+                          transform: `translate3d(${left}, ${topVal}px, 0) scale(${scale})`,
+                          transformOrigin: 'top center'
+                        }}
+                        data-placement={placement}
+                      >
+                        {children}
+                      </Component>
+                    )
+                  }}
+                </Popper>
+              )
             : Null
         }
       </Transition>

diff --git a/src/components/Mask/Mask.style.tsx b/src/components/Mask/Mask.style.tsx
@@ -23,7 +23,7 @@ const {
   pattern8,
   pattern9,
 } = patternGroup;
-export const Component = styled("span")(
+export const Component = styled<any>("span")(
   space,
   colorStyle,
   {
@@ -182,4 +182,4 @@ export const Component = styled("span")(
       },
     },
   })
-)<any>;
+);
diff --git a/src/components/View/View.style.tsx b/src/components/View/View.style.tsx
@@ -1,18 +1,18 @@
 import styled, { css } from "styled-components";
 
 
-interface Props {
-  zoom: boolean
-  rounded: boolean
-  hover: boolean
-}
+// interface Props {
+//   zoom: boolean
+//   rounded: boolean
+//   hover: boolean
+// }
 
-export const Component = styled.div<Props>`
+export const Component = styled.div<any>`
   position: relative;
   overflow: hidden;
   cursor: default;
   ${(props) => {
-    props.zoom
+    return props.zoom
       ? css`
           img,
           video {

diff --git a/tsconfig.json b/tsconfig.json
@@ -13,8 +13,8 @@
       "noImplicitAny": false,
       "strictNullChecks": false,
       "suppressImplicitAnyIndexErrors": true,
-      "noUnusedLocals": true,
-      "noUnusedParameters": true,
+      "noUnusedLocals": false,
+      "noUnusedParameters": false,
       "allowSyntheticDefaultImports": true
     },
     "include": ["src"],