From 04c9fc841273e477243589a9f95f286ab041c438 Mon Sep 17 00:00:00 2001
From: Hydroxycarbamide <nguyen.hoang.eric@protonmail.com>
Date: Sun, 11 Sep 2022 23:44:38 +0200
Subject: [PATCH] Implement select in order to select devices

---
 src/App.svelte | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index c830d38..b81e04b 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -7,7 +7,8 @@
 
   let version: string = '';
 
-  let devices: string[];
+  let devices: string[] = [];
+  let selectedDevice;
 
   let revancedCliReleases: Map<string, Release> | undefined;
   let revancedVersions: Array<Array<string>> | undefined;
@@ -31,7 +32,9 @@
   const getDevices = () => {
     invoke('get_devices')
       .then((response: string[]) => {
-        devices = response;
+        devices = response
+          .filter((s) => s.length <= 0)
+          .map((s) => s.split('\t')[0]);
       });
   };
 
@@ -133,6 +136,15 @@
       options={integrationsVersions}
       bind:selected={selectedIntegrationsVersion}
     />
+
+    {#if devices.length > 0}
+    <Select
+      id="devices"
+      defaultText={'Select the target device'}
+      options={devices.map((d) => [d, d])}
+      bind:selected={selectedDevice}
+    />
+    {/if}
   </div>
 
 </main>