bugfix: overlay click listener and resolve on disconnect.

Signed-off-by: ubi de feo <me@ubidefeo.com>

Author: ubidefeo

ui/arduino/store.js

@@ -311,6 +311,9 @@ async function store(state, emitter) {
     state.isLoadingFiles = false
     state.isTransferring = false
     state.transferringProgress = ''
+    const fn = _overlayResolver
+    _overlayResolver = null
+    if (fn) fn(false)
     state.overlay = null
     state.boardFiles = []
     state.boardNavigationPath = '/'
@@ -325,6 +328,7 @@ async function store(state, emitter) {
   emitter.on('connection-timeout', async () => {
     state.isConnected = false
     state.isConnecting = false
+    await serialBridge.disconnect()
     state.availablePorts = await getAvailablePorts()
     state.overlay = { type: 'connection', props: { error: 'Could not connect. Reset the board and try again.' } }
     emitter.emit('render')

ui/arduino/views/components/overlay.js

@@ -121,12 +121,10 @@ function ConnectionLayout(ports, emit, props) {
   }
   const list = html`<div class="overlay-connection-list"></div>`
   for (const port of ports) {
-    const item = html`<button class="overlay-connection-item">${port.path}</button>`
-    item.addEventListener('click', () => emit('select-port', port))
+    const item = html`<button class="overlay-connection-item" onclick=${() => emit('select-port', port)}>${port.path}</button>`
     list.appendChild(item)
   }
-  const refreshBtn = html`<button class="overlay-connection-item overlay-connection-refresh">Refresh</button>`
-  refreshBtn.addEventListener('click', () => emit('update-ports'))
+  const refreshBtn = html`<button class="overlay-connection-item overlay-connection-refresh" onclick=${() => emit('update-ports')}>Refresh</button>`
   list.appendChild(refreshBtn)
   el.appendChild(list)
   return el