From e35f4b55bc870650f1d197a57a6c8e98931e6c29 Mon Sep 17 00:00:00 2001
From: rxdn <29165304+rxdn@users.noreply.github.com>
Date: Sat, 15 Jul 2023 19:45:25 +0100
Subject: [PATCH] Switch event listener

---
 frontend/src/components/PanelDropdown.svelte            | 4 +++-
 frontend/src/components/WrappedSelect.svelte            | 3 ++-
 frontend/src/components/manage/PanelCreationForm.svelte | 6 +++---
 frontend/src/views/Teams.svelte                         | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/PanelDropdown.svelte b/frontend/src/components/PanelDropdown.svelte
index c96126c..e46aa13 100644
--- a/frontend/src/components/PanelDropdown.svelte
+++ b/frontend/src/components/PanelDropdown.svelte
@@ -1,7 +1,7 @@
 <label class="form-label">{label}</label>
 
 <WrappedSelect placeholder="Select panel..." items={panels} optionIdentifier="panel_id" nameMapper={labelMapper}
-               bind:selectedValue={selectedRaw} on:select={update} on:clear={handleClear} {isMulti} {isSearchable} />
+               bind:selectedValue={selectedRaw} on:change={update} on:clear={handleClear} {isMulti} {isSearchable} />
 
 <script>
     import {onMount} from "svelte";
@@ -24,6 +24,8 @@
             selectedRaw = [];
         }
 
+        console.log(selectedRaw)
+
         if (isMulti) {
             selected = selectedRaw.map((panel) => panel.panel_id);
         } else {
diff --git a/frontend/src/components/WrappedSelect.svelte b/frontend/src/components/WrappedSelect.svelte
index b4cb039..d4e8c6a 100644
--- a/frontend/src/components/WrappedSelect.svelte
+++ b/frontend/src/components/WrappedSelect.svelte
@@ -1,6 +1,7 @@
 <Select {items}
         bind:value={selectedValue}
-        on:select
+        on:change
+        on:clear
         searchable={searchable}
         clearable={isClearable}
         itemId={optionIdentifier}
diff --git a/frontend/src/components/manage/PanelCreationForm.svelte b/frontend/src/components/manage/PanelCreationForm.svelte
index cf6de04..f92fd87 100644
--- a/frontend/src/components/manage/PanelCreationForm.svelte
+++ b/frontend/src/components/manage/PanelCreationForm.svelte
@@ -8,7 +8,7 @@
                     <div class="col-1">
                         <WrappedSelect items={mentionItems}
                                        bind:selectedValue={selectedMentions}
-                                       on:select={updateMentions}
+                                       on:change={updateMentions}
                                        optionIdentifier="id"
                                        nameMapper={mentionNameMapper}
                                        placeholder="Select roles..."
@@ -19,7 +19,7 @@
                     <label class="form-label">Support Teams</label>
                     <WrappedSelect items={teamsWithDefault}
                             bind:selectedValue={selectedTeams}
-                            on:select={updateTeams}
+                            on:change={updateTeams}
                             optionIdentifier="id"
                             nameMapper={nameMapper}
                             placeholder="Select teams..."
@@ -129,7 +129,7 @@
                                         optionIdentifier="id"
                                         nameMapper={emojiNameMapper}
                                         placeholderAlwaysShow={true}
-                                        on:select={handleCustomEmojiChange} />
+                                        on:change={handleCustomEmojiChange} />
                             </div>
                         {:else}
                             <EmojiInput col1=true bind:value={data.emote}/>
diff --git a/frontend/src/views/Teams.svelte b/frontend/src/views/Teams.svelte
index cf329f6..4f7cbef 100644
--- a/frontend/src/views/Teams.svelte
+++ b/frontend/src/views/Teams.svelte
@@ -23,7 +23,7 @@
               <div class="col-1">
                 <WrappedSelect isSearchable={false} isClearable={false} optionIdentifier="id" items={teams} placeholder="Select a team..."
                         bind:selectedValue={activeTeam} nameMapper={labelMapper}
-                        on:select={updateActiveTeam}/>
+                        on:change={updateActiveTeam}/>
               </div>
             </div>