From 6eec4f45d972863cf6af9bb2c1fe7fd42a54fd45 Mon Sep 17 00:00:00 2001
From: Griffithtp <griffithtp@gmail.com>
Date: Wed, 26 Jun 2019 00:10:15 +0100
Subject: [PATCH] fix: @typescript-eslint/no-explicit-any

---
 src/App/App.tsx                      |  6 ++++--
 src/components/Header/Header.tsx     |  2 +-
 src/components/Icon/Icon.tsx         |  2 +-
 src/components/Icon/styles.ts        |  4 ++--
 src/components/Label/Label.tsx       |  2 +-
 src/components/Versions/Versions.tsx |  2 +-
 src/router.tsx                       | 12 ++++++------
 src/utils/cli-utils.ts               |  2 +-
 8 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/App/App.tsx b/src/App/App.tsx
index 3190d52..6e6aebc 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -20,10 +20,12 @@ export const AppContext = React.createContext<{}>({});
 export const AppContextProvider = AppContext.Provider;
 export const AppContextConsumer = AppContext.Consumer;
 
-interface AppStateInterface {
+export interface AppStateInterface {
   error?: FormError;
   logoUrl: string;
-  user: {};
+  user: {
+    username?: string;
+  };
   scope: string;
   showLoginModal: boolean;
   isUserLoggedIn: boolean;
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 743ff11..4a1b30a 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -22,7 +22,7 @@ import RegistryInfoContent from '../RegistryInfoContent/RegistryInfoContent';
 import { Greetings, NavBar, InnerNavBar, MobileNavBar, InnerMobileNavBar, LeftSide, RightSide, IconSearchButton, SearchWrapper } from './styles';
 
 interface Props {
-  logo: string;
+  logo?: string;
   username?: string;
   onLogout: () => void;
   onToggleLoginModal: () => void;
diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index 125d98a..4c603c9 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -61,7 +61,7 @@ export interface Props {
   size?: Breakpoint;
   pointer?: boolean;
   img?: boolean;
-  // modifiers?: null | undefined;
+  modifiers?: null | undefined;
 }
 
 const Icon: React.FC<Props> = ({ className, name, size = 'sm', img = false, pointer = false, ...props }) => {
diff --git a/src/components/Icon/styles.ts b/src/components/Icon/styles.ts
index fe1c892..366190e 100644
--- a/src/components/Icon/styles.ts
+++ b/src/components/Icon/styles.ts
@@ -36,8 +36,8 @@ export const Svg = styled('svg')`
 export const ImgWrapper: StyledOtherComponent<
   {
     size?: Breakpoint;
-    pointer: any;
-    modifiers?: any;
+    pointer: boolean;
+    modifiers?: null | undefined;
     name?: string | unknown;
   },
   DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx
index c9aa93b..95fa878 100644
--- a/src/components/Label/Label.tsx
+++ b/src/components/Label/Label.tsx
@@ -6,7 +6,7 @@ interface Props {
   text: string;
   capitalize?: boolean;
   weight?: string;
-  modifiers?: any;
+  modifiers?: null | undefined;
 }
 
 const Wrapper = styled('div')`
diff --git a/src/components/Versions/Versions.tsx b/src/components/Versions/Versions.tsx
index 500e72e..a9a21da 100644
--- a/src/components/Versions/Versions.tsx
+++ b/src/components/Versions/Versions.tsx
@@ -19,7 +19,7 @@ class Versions extends React.PureComponent {
     );
   }
 
-  public renderPackageList = (packages: any, isVersion: boolean = false, timeMap: Record<string, any> = {}): ReactElement<HTMLDivElement> => {
+  public renderPackageList = (packages: {}, isVersion: boolean = false, timeMap: Record<string, {}> = {}): ReactElement<HTMLDivElement> => {
     return (
       <List>
         {Object.keys(packages)
diff --git a/src/router.tsx b/src/router.tsx
index 5906b28..dcc0e2b 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -2,7 +2,7 @@
 
 import React, { Component, ReactElement } from 'react';
 import { Router, Route, Switch } from 'react-router-dom';
-import { AppContextConsumer } from './App/App';
+import { AppContextConsumer, AppStateInterface } from './App/App';
 
 import { asyncComponent } from './utils/asyncComponent';
 import history from './history';
@@ -39,8 +39,8 @@ class RouterApp extends Component<RouterAppProps> {
 
     return (
       <AppContextConsumer>
-        {function renderConsumerVersionPage({ logoUrl, scope, user }: any) {
-          return <Header logo={logoUrl} onLogout={onLogout} onToggleLoginModal={onToggleLoginModal} scope={scope} username={user.username} />;
+        {function renderConsumerVersionPage({ logoUrl, scope = '', user }: Partial<AppStateInterface>) {
+          return <Header logo={logoUrl} onLogout={onLogout} onToggleLoginModal={onToggleLoginModal} scope={scope} username={user && user.username} />;
         }}
       </AppContextConsumer>
     );
@@ -49,7 +49,7 @@ class RouterApp extends Component<RouterAppProps> {
   public renderHomePage = (): ReactElement<HTMLDivElement> => {
     return (
       <AppContextConsumer>
-        {function renderConsumerVersionPage({ isUserLoggedIn, packages }: any) {
+        {function renderConsumerVersionPage({ isUserLoggedIn, packages }: Partial<AppStateInterface>) {
           // @ts-ignore
           return <HomePage isUserLoggedIn={isUserLoggedIn} packages={packages} />;
         }}
@@ -57,10 +57,10 @@ class RouterApp extends Component<RouterAppProps> {
     );
   };
 
-  public renderVersionPage = (routerProps: any): ReactElement<HTMLDivElement> => {
+  public renderVersionPage = (routerProps): ReactElement<HTMLDivElement> => {
     return (
       <AppContextConsumer>
-        {function renderConsumerVersionPage({ isUserLoggedIn }: any) {
+        {function renderConsumerVersionPage({ isUserLoggedIn }: Partial<AppStateInterface>) {
           return <VersionPackage {...routerProps} isUserLoggedIn={isUserLoggedIn} />;
         }}
       </AppContextConsumer>
diff --git a/src/utils/cli-utils.ts b/src/utils/cli-utils.ts
index 1a313f6..de9471c 100644
--- a/src/utils/cli-utils.ts
+++ b/src/utils/cli-utils.ts
@@ -1,6 +1,6 @@
 import { SyntheticEvent } from 'react';
 
-export const copyToClipBoardUtility = (str: string): any => (event: SyntheticEvent<HTMLElement>): void => {
+export const copyToClipBoardUtility = (str: string): ((e: SyntheticEvent<HTMLElement>) => void) => (event: SyntheticEvent<HTMLElement>): void => {
   event.preventDefault();
 
   const node = document.createElement('div');