Fixed linting errors

libs/remix-ui/debugger-ui/src/hooks/extract-data.tsx

@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react'
-import { ExtractData, ExtractFunc } from '../types'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import { ExtractData, ExtractFunc } from '../types' // eslint-disable-line
 
 export const useExtractData = (json, extractFunc?: ExtractFunc): Array<{ key: string, data: ExtractData }> => {
   const [data, setData] = useState([])

libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
 import './button-navigator.css'
 
 export const ButtonNavigation = ({ stepOverBack, stepIntoBack, stepIntoForward, stepOverForward, jumpOut, jumpPreviousBreakpoint, jumpNextBreakpoint, jumpToException, revertedReason, stepState, jumpOutDisabled }) => {

libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from 'react'
-import TxBrowser from './tx-browser/tx-browser'
-import StepManager from './step-manager/step-manager'
-import VmDebugger from './vm-debugger/vm-debugger'
-import VmDebuggerHead from './vm-debugger/vm-debugger-head'
-import { TransactionDebugger as Debugger } from '@remix-project/remix-debug'
-import { DebuggerUIProps } from './idebugger-api'
-import { Toaster } from '@remix-ui/toaster'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import TxBrowser from './tx-browser/tx-browser' // eslint-disable-line
+import StepManager from './step-manager/step-manager' // eslint-disable-line
+import VmDebugger from './vm-debugger/vm-debugger' // eslint-disable-line
+import VmDebuggerHead from './vm-debugger/vm-debugger-head' // eslint-disable-line
+import { TransactionDebugger as Debugger } from '@remix-project/remix-debug' // eslint-disable-line
+import { DebuggerUIProps } from './idebugger-api' // eslint-disable-line
+import { Toaster } from '@remix-ui/toaster' // eslint-disable-line
 /* eslint-disable-next-line */
 import './debugger-ui.css'
 

libs/remix-ui/debugger-ui/src/lib/idebugger-api.ts

@@ -1,5 +1,5 @@
 
-import type { CompilationResult, CompilationSource } from '@remix-project/remix-solidity-ts'
+import type { CompilationResult, CompilationSource } from '@remix-project/remix-solidity-ts' // eslint-disable-line
 
 export interface DebuggerUIProps {
     debuggerAPI: IDebuggerApi

libs/remix-ui/debugger-ui/src/lib/slider/slider.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
 
 export const Slider = ({ jumpTo, sliderValue, traceLength }) => {
   const [state, setState] = useState({

libs/remix-ui/debugger-ui/src/lib/step-manager/step-manager.tsx

@@ -1,6 +1,6 @@
-import React, { useState, useEffect } from 'react'
-import Slider from '../slider/slider'
-import ButtonNavigator from '../button-navigator/button-navigator'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import Slider from '../slider/slider' // eslint-disable-line
+import ButtonNavigator from '../button-navigator/button-navigator' // eslint-disable-line
 
 export const StepManager = ({ stepManager: { jumpTo, traceLength, stepIntoBack, stepIntoForward, stepOverBack, stepOverForward, jumpOut, jumpNextBreakpoint, jumpPreviousBreakpoint, jumpToException, registerEvent } }) => {
   const [state, setState] = useState({

libs/remix-ui/debugger-ui/src/lib/tx-browser/tx-browser.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
 import './tx-browser.css'
 
 export const TxBrowser = ({ requestDebug, unloadRequested, transactionNumber, debugging }) => {

libs/remix-ui/debugger-ui/src/lib/vm-debugger/assembly-items.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect, useReducer } from 'react'
+import React, { useState, useRef, useEffect, useReducer } from 'react' // eslint-disable-line
 import { initialState, reducer } from '../../reducers/assembly-items'
 import './styles/assembly-items.css'
 
@@ -48,7 +48,7 @@ export const AssemblyItems = ({ registerEvent }) => {
           <div className="pl-2 my-1 small instructions" id='asmitems' ref={asmItemsRef}>
             {
               assemblyItems.display.map((item, i) => {
-                return <div className="px-1" key={i} ref={ref => refs.current[i] = ref}><span>{item}</span></div>
+                return <div className="px-1" key={i} ref={ref => { refs.current[i] = ref }}><span>{item}</span></div>
               })
             }
           </div>

libs/remix-ui/debugger-ui/src/lib/vm-debugger/calldata-panel.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
 export const CalldataPanel = ({ calldata }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/callstack-panel.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
 export const CallstackPanel = ({ calldata }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/code-list-view.tsx

@@ -1,38 +1,7 @@
-import React, { useState, useEffect } from 'react'
-import AssemblyItems from './assembly-items'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import AssemblyItems from './assembly-items' // eslint-disable-line
 
 export const CodeListView = ({ registerEvent }) => {
-  const [state, setState] = useState({
-    code: [],
-    address: '',
-    itemSelected: null,
-    index: null
-  })
-
-  const indexChanged = (index) => {
-    if (index < 0) return
-    setState(prevState => {
-      return {
-        ...prevState,
-        index
-      }
-    })
-  }
-
-  const changed = (code, address, index) => {
-    if (state.address === address) {
-      return indexChanged(index)
-    }
-    setState(prevState => {
-      return {
-        ...prevState,
-        code,
-        address
-      }
-    })
-    indexChanged(index)
-  }
-
   return (
     <div id='asmcodes'>
       <AssemblyItems registerEvent={registerEvent} />

libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx

@@ -1,7 +1,7 @@
-import React, { useState, useEffect, useReducer } from 'react'
-import { TreeView, TreeViewItem } from '@remix-ui/tree-view'
-import { DropdownPanelProps, ExtractData, ExtractFunc } from '../../types'
-import { CopyToClipboard } from '@remix-ui/clipboard'
+import React, { useState, useEffect, useReducer } from 'react' // eslint-disable-line
+import { TreeView, TreeViewItem } from '@remix-ui/tree-view' // eslint-disable-line
+import { DropdownPanelProps, ExtractData, ExtractFunc } from '../../types' // eslint-disable-line
+import { CopyToClipboard } from '@remix-ui/clipboard' // eslint-disable-line
 import { initialState, reducer } from '../../reducers/calldata'
 import './styles/dropdown-panel.css'
 

libs/remix-ui/debugger-ui/src/lib/vm-debugger/full-storages-changes.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import { DropdownPanel } from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import { DropdownPanel } from './dropdown-panel' // eslint-disable-line
 
 export const FullStoragesChanges = ({ calldata }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/function-panel.tsx

@@ -1,6 +1,6 @@
-import React, { useState, useEffect } from 'react'
-import DropdownPanel from './dropdown-panel'
-import { default as deepequal } from 'deep-equal'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
+import { default as deepequal } from 'deep-equal' // eslint-disable-line
 
 export const FunctionPanel = ({ data }) => {
   const [calldata, setCalldata] = useState(null)

libs/remix-ui/debugger-ui/src/lib/vm-debugger/memory-panel.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
 export const MemoryPanel = ({ calldata }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-locals.tsx

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react'
-import DropdownPanel from './dropdown-panel'
-import { extractData } from '../../utils/solidityTypeFormatter'
-import { ExtractData } from '../../types'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
+import { extractData } from '../../utils/solidityTypeFormatter' // eslint-disable-line
+import { ExtractData } from '../../types' // eslint-disable-line
 
 export const SolidityLocals = ({ data, message, registerEvent, triggerEvent }) => {
   const [calldata, setCalldata] = useState(null)

libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-state.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 import { extractData } from '../../utils/solidityTypeFormatter'
-import { ExtractData } from '../../types'
+import { ExtractData } from '../../types' // eslint-disable-line
 
 export const SolidityState = ({ calldata, message }) => {
   const formatSelf = (key: string, data: ExtractData) => {

libs/remix-ui/debugger-ui/src/lib/vm-debugger/stack-panel.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
 export const StackPanel = ({ calldata }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/step-detail.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
 export const StepDetail = ({ stepDetail }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/storage-panel.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import DropdownPanel from './dropdown-panel'
+import React from 'react' // eslint-disable-line
+import DropdownPanel from './dropdown-panel' // eslint-disable-line
 
 export const StoragePanel = ({ calldata, header }) => {
   return (

libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx

@@ -1,9 +1,9 @@
-import React, { useState, useEffect } from 'react'
-import CodeListView from './code-list-view'
-import FunctionPanel from './function-panel'
-import StepDetail from './step-detail'
-import SolidityState from './solidity-state'
-import SolidityLocals from './solidity-locals'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import CodeListView from './code-list-view' // eslint-disable-line
+import FunctionPanel from './function-panel' // eslint-disable-line
+import StepDetail from './step-detail' // eslint-disable-line
+import SolidityState from './solidity-state' // eslint-disable-line
+import SolidityLocals from './solidity-locals' // eslint-disable-line
 
 export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent } }) => {
   const [functionPanel, setFunctionPanel] = useState(null)

libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger.tsx

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from 'react'
-import CalldataPanel from './calldata-panel'
-import MemoryPanel from './memory-panel'
-import CallstackPanel from './callstack-panel'
-import StackPanel from './stack-panel'
-import StoragePanel from './storage-panel'
-import ReturnValuesPanel from './dropdown-panel'
-import FullStoragesChangesPanel from './full-storages-changes'
+import React, { useState, useEffect } from 'react' // eslint-disable-line
+import CalldataPanel from './calldata-panel' // eslint-disable-line
+import MemoryPanel from './memory-panel' // eslint-disable-line
+import CallstackPanel from './callstack-panel' // eslint-disable-line
+import StackPanel from './stack-panel' // eslint-disable-line
+import StoragePanel from './storage-panel' // eslint-disable-line
+import ReturnValuesPanel from './dropdown-panel' // eslint-disable-line
+import FullStoragesChangesPanel from './full-storages-changes' // eslint-disable-line
 
 export const VmDebugger = ({ vmDebugger: { registerEvent } }) => {
   const [calldataPanel, setCalldataPanel] = useState(null)

libs/remix-ui/debugger-ui/src/reducers/assembly-items.ts

@@ -1,4 +1,4 @@
-import { default as deepEqual } from 'deep-equal'
+import { default as deepEqual } from 'deep-equal' // eslint-disable-line
 
 interface Action {
     type: string;

libs/remix-ui/debugger-ui/src/utils/solidityTypeFormatter.ts

@@ -1,5 +1,5 @@
 import { BN } from 'ethereumjs-util'
-import { ExtractData } from '../types'
+import { ExtractData } from '../types' // eslint-disable-line
 
 export function extractData (item, parent): ExtractData {
   const ret: ExtractData = {}