From 5a3ece0784dba17712999d1f29eb0c28f2ded0e4 Mon Sep 17 00:00:00 2001
From: Robin Davies <rerdavies@gmail.com>
Date: Thu, 10 Mar 2022 12:02:41 -0500
Subject: [PATCH] Select first plugin if no selection. Fixes #22

---
 react/public/var/config.json |  2 +-
 react/src/MainPage.tsx       | 20 +++++++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/react/public/var/config.json b/react/public/var/config.json
index 93f81dd..60e144f 100644
--- a/react/public/var/config.json
+++ b/react/public/var/config.json
@@ -1,5 +1,5 @@
 {
-   "socket_server_port": 8080,
+   "socket_server_port": 80,
    "socket_server_address": "*",
 
     "max_upload_size": 1048576,
diff --git a/react/src/MainPage.tsx b/react/src/MainPage.tsx
index 36af67d..486e798 100644
--- a/react/src/MainPage.tsx
+++ b/react/src/MainPage.tsx
@@ -114,11 +114,17 @@ export const MainPage =
             constructor(props: MainProps) {
                 super(props);
                 this.model = PiPedalModelFactory.getInstance();
+                let pedalboard = this.model.pedalBoard.get();
+                let selectedPedal = -1;
+                if (pedalboard.items.length !== 0)
+                {
+                    selectedPedal = pedalboard.items[0].instanceId;
+                }
 
                 this.state = {
-                    selectedPedal: -1,
+                    selectedPedal: selectedPedal,
                     loadDialogOpen: false,
-                    pedalBoard: this.model.pedalBoard.get(),
+                    pedalBoard: pedalboard,
                     addMenuAnchorEl: null,
                     splitControlBar: this.windowSize.width < SPLIT_CONTROLBAR_THRESHHOLD,
                     horizontalScrollLayout: this.windowSize.height < HORIZONTAL_CONTROL_SCROLL_HEIGHT_BREAK,
@@ -188,7 +194,15 @@ export const MainPage =
                 this.model.loadPluginPreset(instanceId, presetInstanceId);
             }
             onPedalBoardChanged(value: PedalBoard) {
-                this.setState({ pedalBoard: value });
+                let selectedItem = -1;
+                if (value.items.length !== 0)
+                {
+                    selectedItem = value.items[0].instanceId;
+                }
+                this.setState({ 
+                    pedalBoard: value,
+                    selectedPedal: selectedItem
+                 });
             }
             onDeletePedal(instanceId: number): void {
                 let result = this.model.deletePedalBoardPedal(instanceId);