From 3aaebfccbad9f3d83b25b4557125ce5cf1bb18c7 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Sun, 15 Dec 2024 21:08:55 +1300
Subject: [PATCH] add section titles to interface port list

---
 src/frontend/components/interfaces/AddInterfacePage.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/components/interfaces/AddInterfacePage.vue b/src/frontend/components/interfaces/AddInterfacePage.vue
index ef1ec91..fe516a9 100644
--- a/src/frontend/components/interfaces/AddInterfacePage.vue
+++ b/src/frontend/components/interfaces/AddInterfacePage.vue
@@ -117,7 +117,9 @@
                     <div v-if="newInterfaceType === 'RNodeInterface'" class="mb-2">
                         <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-zinc-100">Port</label>
                         <select v-model="newInterfacePort" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-zinc-900 dark:border-zinc-600 dark:text-white dark:focus:ring-blue-600 dark:focus:border-blue-600">
+                            <option disabled>Serial Devices ({{ comports.length }})</option>
                             <option v-for="comport of comports" :value="comport.device">{{ comport.device }} (Product: {{ comport.product ?? '?' }}, Serial: {{ comport.serial ?? '?' }})</option>
+                            <option disabled>Bluetooth Devices ({{ rnodes.length }})</option>
                             <option v-for="rnode of rnodes" :value="rnode.port">{{ rnode.port }}</option>
                         </select>
                         <div class="text-xs text-gray-600">