rework on the peripherals and finders

frontend/src/components/Settings/InputsOutputsContent.svelte

@@ -5,59 +5,20 @@
     import { t, _ } from 'svelte-i18n'
     import { generateToast, needProjectSave, peripherals } from "../../stores";
     import { get } from "svelte/store"
-    import { UpdatePeripheralSettings, GetPeripheralSettings, AddOS2LPeripheral, RemovePeripheral, ConnectFTDI, ActivateFTDI, DeactivateFTDI, DisconnectFTDI, SetDeviceFTDI, AddPeripheral } from "../../../wailsjs/go/main/App";
+    import { UpdatePeripheralSettings, GetPeripheralSettings, RemovePeripheral, AddPeripheral } from "../../../wailsjs/go/main/App";
     import RoundedButton from "../General/RoundedButton.svelte";
 
-    function ftdiConnect(){
-        ConnectFTDI().then(() => 
-            console.log("FTDI connected"))
-        .catch((error) => {
-            console.log("Error when trying to connect: " + error)
-        })
-    }
-
-    function ftdiActivate(){
-        ActivateFTDI().then(() => 
-            console.log("FTDI activated"))
-        .catch((error) => {
-            console.log("Error when trying to activate: " + error)
-        })
-    }
-
-    function ftdiDeactivate(){
-        DeactivateFTDI().then(() => 
-            console.log("FTDI deactivated"))
-        .catch((error) => {
-            console.log("Error when trying to deactivate: " + error)
-        })
-    }
-
-    let sliderValue = 0
-    function ftdiSetDevice(value){
-        console.log("value is " + value)
-            SetDeviceFTDI(value).then(() => 
-                console.log("FTDI device set up"))
-            .catch((error) => {
-                console.log("Error when trying to set the device: " + error)
-            })
-    }
-
-    function ftdiDisconnect(){
-        DisconnectFTDI().then(() => 
-            console.log("FTDI disconnected"))
-        .catch((error) => {
-            console.log("Error when trying to disconnect: " + error)
-        })
-    }
-
     // Add the peripheral to the project
     function addPeripheral(peripheral){
         // Add the peripheral to the project (backend)
-        AddPeripheral(peripheral.ProtocolName, peripheral.SerialNumber).then(() => {
+        AddPeripheral(peripheral).then((serialNumber) => {
+            peripheral.SerialNumber = serialNumber
             peripherals.update((value) => {
-                if (value[peripheral.SerialNumber]) {
-                    value[peripheral.SerialNumber].isSaved = true;
+                // If the peripheral doesn't exists yet, create it
+                if (!(peripheral.SerialNumber in value)) {
+                    value[peripheral.SerialNumber] = peripheral
                 }
+                value[peripheral.SerialNumber].isSaved = true;
                 return {...value}
             })
             $needProjectSave = true
@@ -96,23 +57,6 @@
         })
     }
 
-    // Create the OS2L peripheral
-    function createOS2L(){
-        AddOS2LPeripheral().then(os2lDevice => {
-            peripherals.update(currentPeriph => {
-                os2lDevice.isSaved = true
-                os2lDevice.isDetected = true
-                currentPeriph[os2lDevice.SerialNumber] = os2lDevice
-                return {...currentPeriph}
-            })
-            $needProjectSave = true
-            generateToast('info', 'bx-signal-5', $_("os2lPeripheralCreatedToast"))
-        }).catch(error => {
-            console.log("Unable to add the OS2L peripheral: " + error)
-            generateToast('danger', 'bx-error', $_("os2lPeripheralCreateErrorToast"))
-        })
-    }
-
     // Select the peripheral to edit its settings
     let selectedPeripheralSN = null
     let selectedPeripheralSettings = {}
@@ -179,7 +123,7 @@
                     {/if}
                 {/each}
             <p style="color: var(--first-color);"><i class='bx bxs-network-chart' ></i> {$_("projectHardwareOthersLabel")}</p>
-            <RoundedButton on:click={createOS2L} text="Add an OS2L peripheral" icon="bx-plus-circle" tooltip="Configure an OS2L connection"/>
+            <RoundedButton on:click={()=>addPeripheral({Name: "OS2L connection", ProtocolName: "OS2L"})} text="Add an OS2L peripheral" icon="bx-plus-circle" tooltip="Configure an OS2L connection"/>
         </div>
     </div>