chore: fixed lint issues

Author: itofarina

dist/components/atoms/Logo.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
+import React, { FC } from 'react';
 interface LogoProps extends React.Props<HTMLImageElement> {
     alt?: string;
-    style?: React.CSSProperties;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<LogoProps, "alt" | "style" | "children" | "key"> & React.RefAttributes<HTMLImageElement>>;
-export default _default;
+declare const Logo: FC<LogoProps>;
+export default Logo;

dist/components/atoms/LogoNavbar.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { FC } from 'react';
 interface LogoProps extends React.Props<HTMLImageElement> {
     alt?: string;
     height?: string | number;
     style?: React.CSSProperties;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<LogoProps, "alt" | "height" | "style" | "children" | "key"> & React.RefAttributes<HTMLImageElement>>;
-export default _default;
+declare const LogoNavbar: FC<LogoProps>;
+export default LogoNavbar;

dist/index.js

@@ -58,7 +58,7 @@ const LoginOption: FC<LoginOptionProps> = ({
   )
 
   const handleOnClick = () => {
-    if (!!onClick) {
+    if (onClick) {
       return onClick()
     }
     return window.open('https://www.poa.network/for-users/nifty-wallet/getting-started', '_blank')
@@ -75,23 +75,25 @@ const LoginOption: FC<LoginOptionProps> = ({
       {...rest}
     >
       {/* only with Nifty we display the Tooltip because atm we can't check if MetaMask is also enabled */}
-      {!!providerInfo && providerInfo.eProvider === EProvider.NIFTY &&
-        <Tooltip arrow title='Please, make sure you only have one browser wallet enabled.'>
+      {!!providerInfo && providerInfo.eProvider === EProvider.NIFTY
+        && (
+        <Tooltip arrow title="Please, make sure you only have one browser wallet enabled.">
           {providerContent}
         </Tooltip>
-      }
-      {!!providerInfo && providerInfo.eProvider !== EProvider.NIFTY &&
-        providerContent
-      }
-      {!providerInfo &&
+        )}
+      {!!providerInfo && providerInfo.eProvider !== EProvider.NIFTY
+        && providerContent}
+      {!providerInfo
+        && (
         <div className={classes.content}>
           <img
             className={classes.imageWrapper}
             src={niftyIconImg}
-            alt='Nifty wallet icon'
-          />{'Install Nifty wallet'}
+            alt="Nifty wallet icon"
+          />
+          Install Nifty wallet
         </div>
-      }
+        )}
     </Button>
   )
 }

dist/index.js.map

@@ -1,16 +1,10 @@
-import React from 'react'
+import React, { FC } from 'react'
 import { logoFullWhite } from '../../assets/images'
 
 interface LogoProps extends React.Props<HTMLImageElement> {
   alt?: string
-  style?: React.CSSProperties
 }
 
-export default React.forwardRef((
-  props: LogoProps,
-  ref?: React.Ref<HTMLImageElement> | null,
-) => {
-  const { alt = 'RIF OS', ...other } = props
+const Logo: FC<LogoProps> = ({ alt = 'RIF OS logo', ...rest }) => <img src={logoFullWhite} alt={alt} {...rest} />
 
-  return <img src={logoFullWhite} alt={alt} ref={ref} {...other} />
-})
+export default Logo

dist/index.modern.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 import { logoFullWhite } from '../../assets/images'
 
 interface LogoProps extends React.Props<HTMLImageElement> {
@@ -7,19 +7,12 @@ interface LogoProps extends React.Props<HTMLImageElement> {
   style?: React.CSSProperties
 }
 
-export default React.forwardRef((
-  props: LogoProps,
-  ref?: React.Ref<HTMLImageElement> | null,
-) => {
-  const { alt = 'RIF OS', height = '44px', ...other } = props
-
-  return (
-    <img
-      src={logoFullWhite}
-      alt={alt}
-      height={height}
-      ref={ref}
-      {...other}
-    />
-  )
-})
+const LogoNavbar: FC<LogoProps> = ({ alt = 'navbar logo', height = '44px', ...rest }) => (
+  <img
+    src={logoFullWhite}
+    alt={alt}
+    height={height}
+    {...rest}
+  />
+)
+export default LogoNavbar