From 47d0298bb21b7ad251fab74998094333b3b63aa7 Mon Sep 17 00:00:00 2001
From: CJ Yetman <cj@cjyetman.com>
Date: Thu, 16 Oct 2025 12:57:18 +0200
Subject: [PATCH] don't load select options until they are ready

---
 src/components/ChannelsDropdown.jsx   | 6 ++++--
 src/components/ChatsDropdown.jsx      | 6 ++++--
 src/components/SharePointDropdown.jsx | 6 ++++--
 src/components/TeamsDropdown.jsx      | 6 ++++--
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/ChannelsDropdown.jsx b/src/components/ChannelsDropdown.jsx
index 745bceb..b9fbbc0 100644
--- a/src/components/ChannelsDropdown.jsx
+++ b/src/components/ChannelsDropdown.jsx
@@ -53,9 +53,11 @@ export const ChannelsDropdown = () => {
                     style = {{ maxWidth: '400px' }}
                     name = "channel"
                 >
-                    <option>Select Team Channel</option>
                     {graphData &&
-                        <ChannelsDropdownData graphData={graphData} />
+                        <>
+                            <option>Select Team Channel</option>
+                            <ChannelsDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
             </InputGroup>
diff --git a/src/components/ChatsDropdown.jsx b/src/components/ChatsDropdown.jsx
index 1bbccbf..14ff5dd 100644
--- a/src/components/ChatsDropdown.jsx
+++ b/src/components/ChatsDropdown.jsx
@@ -47,9 +47,11 @@ export const ChatsDropdown = () => {
                     style = {{ maxWidth: '250px' }}
                     name = "chat"
                 >
-                    <option>Select Chat</option>
                     {graphData &&
-                        <ChatsDropdownData graphData={graphData} />
+                        <>
+                            <option>Select Chat</option>
+                            <ChatsDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
             </InputGroup>
diff --git a/src/components/SharePointDropdown.jsx b/src/components/SharePointDropdown.jsx
index ef6190a..06aee3a 100644
--- a/src/components/SharePointDropdown.jsx
+++ b/src/components/SharePointDropdown.jsx
@@ -39,9 +39,11 @@ export const SharePointDropdown = () => {
                     style = {{ maxWidth: '250px' }}
                     name = "sharepoint"
                 >
-                    <option>Select SharePoint Site</option>
                     {graphData &&
-                        <SharePointDropdownData graphData={graphData} />
+                        <>
+                            <option>Select SharePoint Site</option>
+                            <SharePointDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
                 <Form.Control
diff --git a/src/components/TeamsDropdown.jsx b/src/components/TeamsDropdown.jsx
index f4f6752..a99fbc2 100644
--- a/src/components/TeamsDropdown.jsx
+++ b/src/components/TeamsDropdown.jsx
@@ -37,9 +37,11 @@ export const TeamsDropdown = () => {
                     style = {{ maxWidth: '250px' }}
                     name = "team"
                 >
-                    <option>Select Team</option>
                     {graphData &&
-                        <TeamsDropdownData graphData={graphData} />
+                        <>
+                            <option>Select Team</option>
+                            <TeamsDropdownData graphData={graphData} />
+                        < />
                     }
                 </Form.Select>
                 <Form.Control