indent

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

@@ -3,59 +3,59 @@ import { initialState, reducer } from '../../reducers/assembly-items'
 import './styles/assembly-items.css'
 
 export const AssemblyItems = ({ registerEvent }) => {
-    const [assemblyItems, dispatch] = useReducer(reducer, initialState)
+  const [assemblyItems, dispatch] = useReducer(reducer, initialState)
-    const [selectedItem, setSelectedItem] = useState(0)
+  const [selectedItem, setSelectedItem] = useState(0)
-    const refs = useRef({})
+  const refs = useRef({})
-    const asmItemsRef = useRef(null)
+  const asmItemsRef = useRef(null)
-
+
-    useEffect(()=>{
+  useEffect(() => {
-        registerEvent && registerEvent('codeManagerChanged', (code, address, index) => {
+    registerEvent && registerEvent('codeManagerChanged', (code, address, index) => {
-            dispatch({ type: 'FETCH_OPCODES_SUCCESS', payload: { code, address, index } })
+      dispatch({ type: 'FETCH_OPCODES_SUCCESS', payload: { code, address, index } })
-        })
+    })
-    }, [])
+  }, [])
-
+
-    useEffect(() => {
+  useEffect(() => {
-        if (selectedItem !== assemblyItems.index) {
+    if (selectedItem !== assemblyItems.index) {
-            indexChanged(assemblyItems.index)
+      indexChanged(assemblyItems.index)
-        }
+    }
-    }, [assemblyItems.index])
+  }, [assemblyItems.index])
-
+
-    const indexChanged = (index: number) => {
+  const indexChanged = (index: number) => {
-        if (index < 0) return
+    if (index < 0) return
-        let currentItem = refs.current[selectedItem] ? refs.current[selectedItem] : null
+    let currentItem = refs.current[selectedItem] ? refs.current[selectedItem] : null
-
+
-        if (currentItem) {
+    if (currentItem) {
-            currentItem.removeAttribute('selected')
+      currentItem.removeAttribute('selected')
-            currentItem.removeAttribute('style')
+      currentItem.removeAttribute('style')
-            if (currentItem.firstChild) {
+      if (currentItem.firstChild) {
-                currentItem.firstChild.removeAttribute('style')
+        currentItem.firstChild.removeAttribute('style')
-            }
+      }
-            const codeView = asmItemsRef.current
+      const codeView = asmItemsRef.current
-    
+
-            currentItem = codeView.children[index]
+      currentItem = codeView.children[index]
-            currentItem.style.setProperty('border-color', 'var(--primary)')
+      currentItem.style.setProperty('border-color', 'var(--primary)')
-            currentItem.style.setProperty('border-style', 'solid')
+      currentItem.style.setProperty('border-style', 'solid')
-            currentItem.setAttribute('selected', 'selected')
+      currentItem.setAttribute('selected', 'selected')
-            codeView.scrollTop = currentItem.offsetTop - parseInt(codeView.offsetTop)
+      codeView.scrollTop = currentItem.offsetTop - parseInt(codeView.offsetTop)
-            setSelectedItem(index)
+      setSelectedItem(index)
-        }
     }
+  }
 
-    return (
+  return (
-        <div className="border rounded px-1 mt-1 bg-light">
+    <div className="border rounded px-1 mt-1 bg-light">
-            <div className='dropdownpanel'>
+      <div className='dropdownpanel'>
-                <div className='dropdowncontent'>
+        <div className='dropdowncontent'>
-                    <div className="pl-2 my-1 small instructions" id='asmitems' ref={asmItemsRef}>
+          <div className="pl-2 my-1 small instructions" id='asmitems' ref={asmItemsRef}>
-                        {
+            {
-                            assemblyItems.display.map((item, i) => {
+              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>
+          </div>
-                </div>
-            </div>
         </div>
-    )
+      </div>
+    </div>
+  )
 }
 
 export default AssemblyItems