From a78391c10a853be8740e6bbcbf0d9d6d99052c53 Mon Sep 17 00:00:00 2001
From: Satont <satontworldwide@gmail.com>
Date: Mon, 10 Jun 2024 17:47:23 +0300
Subject: [PATCH] kruto

---
 frontend/dashboard/src/api/overlays/chat.ts                    | 1 +
 frontend/dashboard/src/pages/overlays/chat/Chat.vue            | 2 +-
 frontend/dashboard/src/pages/overlays/chat/components/Form.vue | 2 --
 .../src/pages/overlays/chat/components/default-settings.ts     | 3 +++
 frontend/overlays/package.json                                 | 2 +-
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/dashboard/src/api/overlays/chat.ts b/frontend/dashboard/src/api/overlays/chat.ts
index c2f7604e3..51e4c0735 100644
--- a/frontend/dashboard/src/api/overlays/chat.ts
+++ b/frontend/dashboard/src/api/overlays/chat.ts
@@ -35,6 +35,7 @@ export const useChatOverlayApi = createGlobalState(() => {
 		context: {
 			additionalTypenames: cacheKey,
 		},
+		variables: {},
 	})
 
 	const useOverlayDelete = () => useMutation(
diff --git a/frontend/dashboard/src/pages/overlays/chat/Chat.vue b/frontend/dashboard/src/pages/overlays/chat/Chat.vue
index 88469dde4..cae1f32e6 100644
--- a/frontend/dashboard/src/pages/overlays/chat/Chat.vue
+++ b/frontend/dashboard/src/pages/overlays/chat/Chat.vue
@@ -129,7 +129,7 @@ async function handleClose(id: string) {
 			const entity = chatOverlaysData.value?.chatOverlays.find(s => s.id === id)
 			if (!entity?.id) return
 
-			await deleter.executeMutation(entity.id)
+			await deleter.executeMutation({ id: entity.id })
 			resetTab()
 		},
 	})
diff --git a/frontend/dashboard/src/pages/overlays/chat/components/Form.vue b/frontend/dashboard/src/pages/overlays/chat/components/Form.vue
index 7ce160399..c759172cb 100644
--- a/frontend/dashboard/src/pages/overlays/chat/components/Form.vue
+++ b/frontend/dashboard/src/pages/overlays/chat/components/Form.vue
@@ -166,12 +166,10 @@ async function save() {
 					<span>Animation</span>
 					<NSelect
 						v-model:value="formValue.animation"
-						clearable
 						:options="[
 							{ value: 'DEFAULT', label: 'Default' },
 							{ value: 'DISABLED', label: 'Disabled' },
 						]"
-						@on-clear="formValue.animation = null"
 					/>
 				</div>
 
diff --git a/frontend/dashboard/src/pages/overlays/chat/components/default-settings.ts b/frontend/dashboard/src/pages/overlays/chat/components/default-settings.ts
index 02a066187..ebcc356b2 100644
--- a/frontend/dashboard/src/pages/overlays/chat/components/default-settings.ts
+++ b/frontend/dashboard/src/pages/overlays/chat/components/default-settings.ts
@@ -1,5 +1,7 @@
 import type { ChatOverlay } from '@/gql/graphql'
 
+import { ChatOverlayAnimation } from '@/gql/graphql'
+
 export type ChatSettingsWithOptionalId = Omit<ChatOverlay, 'id'> & { id?: string }
 
 export const defaultChatSettings: ChatSettingsWithOptionalId = {
@@ -19,4 +21,5 @@ export const defaultChatSettings: ChatSettingsWithOptionalId = {
 	chatBackgroundColor: 'rgba(0, 0, 0, 0)',
 	direction: 'top',
 	paddingContainer: 0,
+	animation: ChatOverlayAnimation.Default,
 }
diff --git a/frontend/overlays/package.json b/frontend/overlays/package.json
index 649512186..110b9b432 100644
--- a/frontend/overlays/package.json
+++ b/frontend/overlays/package.json
@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "pnpm codegen && vue-tsc && vite build",
     "preview": "vite preview",
     "codegen": "graphql-codegen"
   },