feat(dashboard): greetings gql (#727)

twirapp · May 7, 2024 · 65cc0bf · 65cc0bf
1 parent 96551fa
commit 65cc0bf
Show file tree

Hide file tree

Showing 28 changed files with 658 additions and 489 deletions.
diff --git a/frontend/dashboard/src/api/admin/notifications.ts b/frontend/dashboard/src/api/admin/notifications.ts
@@ -19,7 +19,7 @@ export function useQueryNotifications() {
 					createdAt
 				}
 			}
-		`)
+		`),
 	})
 
 	const { data: newNotifications } = useSubscription({
@@ -31,7 +31,7 @@ export function useQueryNotifications() {
 					createdAt
 				}
 			}
-		`)
+		`),
 	})
 
 	watch(newNotifications, (newNotification) => {
@@ -50,11 +50,11 @@ export function useQueryNotifications() {
 export function useAdminNotifications() {
 	const useQueryNotifications = (variables: Ref<AdminNotificationsParams>) => useQuery({
 		context: {
-			additionalTypenames: [invalidationKey]
+			additionalTypenames: [invalidationKey],
 		},
 		get variables() {
 			return {
-				opts: variables.value
+				opts: variables.value,
 			}
 		},
 		query: graphql(`
@@ -66,14 +66,15 @@ export function useAdminNotifications() {
 						text
 						userId
 						twitchProfile {
+							login
 							displayName
 							profileImageUrl
 						}
 						createdAt
 					}
 				}
 			}
-		`)
+		`),
 	})
 
 	const useMutationCreateNotification = () => useMutation(graphql(`
@@ -102,6 +103,6 @@ export function useAdminNotifications() {
 		useQueryNotifications,
 		useMutationCreateNotification,
 		useMutationDeleteNotification,
-		useMutationUpdateNotifications
+		useMutationUpdateNotifications,
 	}
 }
diff --git a/frontend/dashboard/src/api/greetings.ts b/frontend/dashboard/src/api/greetings.ts
@@ -29,7 +29,7 @@ export const useGreetingsApi = defineStore('api/greetings', () => {
 					}
 				}
 			}
-		`)
+		`),
 	})
 
 	const useMutationCreateGreetings = () => useMutation(graphql(`
@@ -58,6 +58,6 @@ export const useGreetingsApi = defineStore('api/greetings', () => {
 		useQueryGreetings,
 		useMutationCreateGreetings,
 		useMutationUpdateGreetings,
-		useMutationRemoveGreetings
+		useMutationRemoveGreetings,
 	}
 })
diff --git a/frontend/dashboard/src/components/dialog-or-sheet.vue b/frontend/dashboard/src/components/dialog-or-sheet.vue
@@ -5,12 +5,18 @@ import { DialogContent } from '@/components/ui/dialog'
 import { SheetContent } from '@/components/ui/sheet'
 
 const { width: windowWidth } = useWindowSize()
+
+function onInteractOutside(event: any) {
+	if ((event.target as HTMLElement)?.closest('[role="dialog"]')) return
+	event.preventDefault()
+}
 </script>
 
 <template>
 	<DialogContent
 		v-if="windowWidth > 800"
 		class="max-w-3xl overflow-hidden rounded-2xl outline-none"
+		@interact-outside="onInteractOutside"
 	>
 		<slot />
 	</DialogContent>

diff --git a/frontend/dashboard/src/components/greetings/modal.vue b/frontend/dashboard/src/components/greetings/modal.vue