Incorporated review feedback and moved to QuickPickService

Author: Christian Weichel

arduino-ide-extension/build/arduino-cli.darwin

@@ -3,11 +3,13 @@ import { Command } from '@theia/core/lib/common/command';
 export namespace ArduinoCommands {
 
     export const VERIFY: Command = {
-        id: 'arduino-verify'
+        id: 'arduino-verify',
+        label: 'Verify Sketch'
     }
 
     export const UPLOAD: Command = {
-        id: 'arduino-upload'
+        id: 'arduino-upload',
+        label: 'Upload Sketch'
     }
 
 }

arduino-ide-extension/build/arduino-cli.linux

@@ -13,6 +13,7 @@ import { CoreService } from '../common/protocol/core-service';
 import { WorkspaceServiceExt } from './workspace-service-ext';
 import { ToolOutputServiceClient } from '../common/protocol/tool-output-service';
 import { ConfirmDialog } from '@theia/core/lib/browser';
+import { QuickPickService } from '@theia/core/lib/common/quick-pick-service';
 
 
 @injectable()
@@ -33,6 +34,9 @@ export class ArduinoFrontendContribution extends DefaultFrontendApplicationContr
     @inject(ToolOutputServiceClient)
     protected readonly toolOutputServiceClient: ToolOutputServiceClient;
 
+    @inject(QuickPickService)
+    protected readonly quickPickService: QuickPickService;
+
     @postConstruct()
     protected async init(): Promise<void> {
         // This is a hack. Otherwise, the backend services won't bind.
@@ -56,7 +60,7 @@ export class ArduinoFrontendContribution extends DefaultFrontendApplicationContr
         });
         registry.registerItem({
             id: ConnectedBoards.TOOLBAR_ID,
-            render: () => <ConnectedBoards boardsService={this.boardService}/>,
+            render: () => <ConnectedBoards boardsService={this.boardService} quickPickService={this.quickPickService} />,
             isVisible: widget => this.isArduinoEditor(widget)
         })
     }

arduino-ide-extension/build/arduino-cli.win32

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { BoardsService, Board } from '../../common/protocol/boards-service';
-import { SelectBoardDialog } from './select-board-dialog';
+// import { SelectBoardDialog } from './select-board-dialog';
+import { QuickPickService } from '@theia/core/lib/common/quick-pick-service';
 
 export class ConnectedBoards extends React.Component<ConnectedBoards.Props, ConnectedBoards.State> {
     static TOOLBAR_ID: 'connected-boards-toolbar';
@@ -25,7 +26,9 @@ export class ConnectedBoards extends React.Component<ConnectedBoards.Props, Conn
         }
 
         return <div className={ConnectedBoards.Styles.CONNECTED_BOARDS_CLASS}>
-            <select disabled={!this.state.boards} onChange={this.onBoardSelect.bind(this)} value={this.state.selection}>
+            <select disabled={!this.state.boards}
+                onChange={this.onBoardSelect.bind(this)}
+                value={this.state.selection}>
                 <optgroup label="Attached boards">
                     { content }
                 </optgroup>
@@ -57,7 +60,7 @@ export class ConnectedBoards extends React.Component<ConnectedBoards.Props, Conn
         if (selection === "select-other" || selection === "selected-other") {
             let selectedBoard = this.state.otherBoard;
             if (selection === "select-other" || !selectedBoard) {
-                selectedBoard = await new SelectBoardDialog(this.props.boardsService).open();
+                selectedBoard = await this.selectedInstalledBoard();
             }
             if (!selectedBoard) {
                 return;
@@ -76,12 +79,27 @@ export class ConnectedBoards extends React.Component<ConnectedBoards.Props, Conn
         this.setState({selection});
     }
 
+    protected async selectedInstalledBoard(): Promise<Board | undefined> {
+        const {items} = await this.props.boardsService.search({});
+
+        const idx = new Map<string, Board>();
+        items.filter(pkg => !!pkg.installedVersion).forEach(pkg => pkg.boards.forEach(brd => idx.set(`${brd.name}`, brd) ));
+
+        const selection = await this.props.quickPickService.show(Array.from(idx.keys()));
+        if (!selection) {
+            return;
+        }
+
+        return idx.get(selection);
+    }
+
 }
 
 export namespace ConnectedBoards {
 
     export interface Props {
         readonly boardsService: BoardsService;
+        readonly quickPickService: QuickPickService;
     }
 
     export interface State {