diff --git a/frontend/dashboard/src/components/twitchUsers/twitch-users-select.vue b/frontend/dashboard/src/components/twitchUsers/twitch-users-select.vue index 93aea7a80..9956d1255 100644 --- a/frontend/dashboard/src/components/twitchUsers/twitch-users-select.vue +++ b/frontend/dashboard/src/components/twitchUsers/twitch-users-select.vue @@ -69,10 +69,18 @@ const options = computed(() => { const searchUsers = twitchSearch.data.value?.channels ?? [] const initialUsers = getUsers.data.value?.users ?? [] - return [ + const allOptions = [ ...mapOptions(searchUsers), ...mapOptions(initialUsers), ] + + const uniqueOptions = allOptions.filter((option, index, self) => + index === self.findIndex((t) => ( + t.value === option.value + )), + ) + + return uniqueOptions }) const open = ref(false) diff --git a/frontend/dashboard/src/features/greetings/ui/greetings-dialog.vue b/frontend/dashboard/src/features/greetings/ui/greetings-dialog.vue index b4eed3a17..2bf0e38f2 100644 --- a/frontend/dashboard/src/features/greetings/ui/greetings-dialog.vue +++ b/frontend/dashboard/src/features/greetings/ui/greetings-dialog.vue @@ -15,7 +15,7 @@ import type { GreetingsCreateInput } from '@/gql/graphql' import { type Greetings, useGreetingsApi } from '@/api/greetings' import DialogOrSheet from '@/components/dialog-or-sheet.vue' -import TwitchUserSearch from '@/components/twitchUsers/single.vue' +import TwitchUsersSelect from '@/components/twitchUsers/twitch-users-select.vue' import { Button } from '@/components/ui/button' import { Dialog, @@ -129,7 +129,7 @@ const rules: FormRules = {