Show filename when transferring files

Author: murilopolese

ui/arduino/main.css

@@ -652,6 +652,7 @@ button.small .icon {
   transition: all 0.25s;
   pointer-events: none;
   opacity: 0;
+  text-align: center;
 }
 
 #overlay.open {

ui/arduino/store.js

@@ -1198,7 +1198,7 @@ async function store(state, emitter) {
         await serial.uploadFile(
           srcPath, destPath,
           (e) => {
-            state.transferringProgress = e
+            state.transferringProgress = `${file.fileName}: ${e}`
             emitter.emit('render')
           }
         )

ui/arduino/views/components/overlay.js

@@ -10,7 +10,7 @@ function Overlay(state, emit) {
   if (state.isConnecting) overlay = html`<div id="overlay" class="open"><p>Connecting...</p></div>`
   if (state.isLoadingFiles) overlay = html`<div id="overlay" class="open"><p>Loading files...</p></div>`
   if (state.isSaving) overlay = html`<div id="overlay" class="open"><p>Saving file... ${state.savingProgress}</p></div>`
-  if (state.isTransferring) overlay = html`<div id="overlay" class="open"><p>Transferring file... ${state.transferringProgress}</p></div>`
+  if (state.isTransferring) overlay = html`<div id="overlay" class="open"><p>Transferring file<br><br>${state.transferringProgress}</p></div>`
 
   return overlay
 }