fix: newsletter sync

src/stores/admin/club/newsletter/newsletterRecipients.ts

@@ -20,7 +20,10 @@ export const useNewsletterRecipientsStore = defineStore("newsletterRecipients",
   },
   getters: {
     detectedChangeNewsletterRecipients: (state) =>
-      !isEqual(state.origin, state.recipients) && state.syncingNewsletterRecipients != "syncing",
+      !isEqual(
+        state.origin.sort((a: string, b: string) => a.localeCompare(b)),
+        state.recipients.sort((a: string, b: string) => a.localeCompare(b))
+      ) && state.syncingNewsletterRecipients != "syncing",
   },
   actions: {
     setNewsletterRecipientsSyncingState(state: "synced" | "syncing" | "detectedChanges" | "failed") {

src/views/admin/club/newsletter/NewsletterRecipients.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
+  <div class="flex flex-col h-full w-full overflow-hidden">
     <Spinner v-if="loading == 'loading'" class="mx-auto" />
     <p v-else-if="loading == 'failed'" @click="fetchNewsletterRecipients" class="cursor-pointer">
       &#8634; laden fehlgeschlagen
     </p>
-
+    <div class="flex flex-col gap-2 h-1/2">
       <select v-model="recipientsByQueryId">
         <option value="def">Optional</option>
         <option v-for="query in queries" :key="query.id" :value="query.id">{{ query.title }}</option>
@@ -22,7 +22,8 @@
           </div>
         </div>
       </div>
-
+    </div>
+    <div class="flex flex-col gap-2 h-1/2">
       <MemberSearchSelect
         title="weitere Empfänger suchen"
         v-model="recipients"
@@ -49,6 +50,7 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">