From 9e59b22fd6f494cb059394021952d7ceaad4a52c Mon Sep 17 00:00:00 2001
From: Hugo Carreira <hugo@neocredit.ch>
Date: Wed, 17 Jul 2024 15:49:46 +0100
Subject: [PATCH 1/3] Disabled plugin dropdown while fetching

---
 src/components/PluginSelector/PluginSelector.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/PluginSelector/PluginSelector.tsx b/src/components/PluginSelector/PluginSelector.tsx
index 04e3a1c..9221711 100644
--- a/src/components/PluginSelector/PluginSelector.tsx
+++ b/src/components/PluginSelector/PluginSelector.tsx
@@ -31,6 +31,7 @@ export default function PluginSelector({
   plugin: string;
   onPluginChange: (plugin: string) => void;
 }) {
+  const [wereFetched, setWereFetched] = React.useState(false);
   const [plugins, setPlugins] = React.useState<
     { displayName: string; name: string }[]
   >([]);
@@ -39,7 +40,7 @@ export default function PluginSelector({
 
   React.useEffect(() => {
     const expired = checkExpired();
-    if (expired) {
+    if (expired || wereFetched) {
       return;
     }
     const url = new URL(window.config.VITE_API_BASE_URL || process.env.VITE_API_BASE_URL || "");
@@ -55,9 +56,10 @@ export default function PluginSelector({
       }
       response.json().then((data) => {
         setPlugins(data);
+        setWereFetched(true);
       });
     });
-  }, [checkExpired, credential?.credential]);
+  }, [checkExpired, credential?.credential, wereFetched, setWereFetched]);
 
   return (
     <Box>
@@ -65,7 +67,7 @@ export default function PluginSelector({
         <FormControl sx={{ m: 1, width: 300 }}>
           <InputLabel id="demo-multiple-chip-label">Plugin</InputLabel>
           <Select
-            disabled={disabled}
+            disabled={disabled || !wereFetched}
             labelId="demo-multiple-chip-label"
             id="demo-multiple-chip"
             value={plugin}

From b1fbd3cdb43b40d81b71f5de507bea7ad78bce32 Mon Sep 17 00:00:00 2001
From: Hugo Carreira <hugo@neocredit.ch>
Date: Wed, 17 Jul 2024 16:47:00 +0100
Subject: [PATCH 2/3] Select single plugin option

---
 src/components/PluginSelector/PluginSelector.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/PluginSelector/PluginSelector.tsx b/src/components/PluginSelector/PluginSelector.tsx
index 9221711..ce58bc9 100644
--- a/src/components/PluginSelector/PluginSelector.tsx
+++ b/src/components/PluginSelector/PluginSelector.tsx
@@ -33,7 +33,7 @@ export default function PluginSelector({
 }) {
   const [wereFetched, setWereFetched] = React.useState(false);
   const [plugins, setPlugins] = React.useState<
-    { displayName: string; name: string }[]
+    { displayName: string; name: string; }[]
   >([]);
 
   const { credential, checkExpired } = useAuthContext();
@@ -55,7 +55,12 @@ export default function PluginSelector({
         throw new Error("Failed to fetch");
       }
       response.json().then((data) => {
-        setPlugins(data);
+        if (data.length > 0) {
+          setPlugins(data);
+          if (data.length === 1) {
+            onPluginChange(data[0].name);
+          }
+        }
         setWereFetched(true);
       });
     });
@@ -67,7 +72,7 @@ export default function PluginSelector({
         <FormControl sx={{ m: 1, width: 300 }}>
           <InputLabel id="demo-multiple-chip-label">Plugin</InputLabel>
           <Select
-            disabled={disabled || !wereFetched}
+            disabled={plugins.length === 0 || disabled || !wereFetched}
             labelId="demo-multiple-chip-label"
             id="demo-multiple-chip"
             value={plugin}

From 011b739e2606fc58322c998933d600c4183dead5 Mon Sep 17 00:00:00 2001
From: Hugo Carreira <hugo@neocredit.ch>
Date: Wed, 17 Jul 2024 16:58:13 +0100
Subject: [PATCH 3/3] Sorted plugins by name

---
 src/components/PluginSelector/PluginSelector.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/PluginSelector/PluginSelector.tsx b/src/components/PluginSelector/PluginSelector.tsx
index ce58bc9..2d4ea73 100644
--- a/src/components/PluginSelector/PluginSelector.tsx
+++ b/src/components/PluginSelector/PluginSelector.tsx
@@ -88,7 +88,9 @@ export default function PluginSelector({
             )}
             MenuProps={MenuProps}
           >
-            {plugins.map(({ displayName, name }) => (
+            {plugins
+              .sort((a, b) => a.displayName.toLowerCase() > b.displayName.toLowerCase() ? 1 : -1)
+              .map(({ displayName, name }) => (
               <MenuItem key={name} value={name}>
                 {displayName}
               </MenuItem>