From 38524bce888259635ec45121187d0e0d9caaeec6 Mon Sep 17 00:00:00 2001
From: Pujit Mehrotra <pujitm2009@gmail.com>
Date: Thu, 17 Oct 2024 11:43:44 -0400
Subject: [PATCH] fix(web): add default values to optional vue component props

---
 web/components/Notifications/Item.vue                       | 4 ++--
 web/components/shadcn/button/Button.vue                     | 3 +++
 web/components/shadcn/dropdown-menu/DropdownMenuContent.vue | 1 +
 web/components/shadcn/scroll-area/ScrollBar.vue             | 1 +
 web/components/shadcn/select/SelectContent.vue              | 2 ++
 web/components/shadcn/tooltip/TooltipContent.vue            | 1 +
 web/composables/gql/graphql.ts                              | 1 -
 7 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/web/components/Notifications/Item.vue b/web/components/Notifications/Item.vue
index ef75200c1..8b41860ae 100644
--- a/web/components/Notifications/Item.vue
+++ b/web/components/Notifications/Item.vue
@@ -87,8 +87,8 @@ const { mutate: archive, loading } = useMutation(archiveMutation, {
             size="xs"
             @click="archive"
             >
-              <ArchiveBoxIcon class="size-3 text-muted-foreground/80 mr-1" />
-              <span class="text-sm text-muted-foreground mt-0.5">Archive</span>
+              <ArchiveBoxIcon class="size-3 mr-1" />
+              <span class="text-sm mt-0.5">Archive</span>
             </Button>
           </TooltipTrigger>
           <TooltipContent>
diff --git a/web/components/shadcn/button/Button.vue b/web/components/shadcn/button/Button.vue
index a43a5737b..7e3f61d58 100644
--- a/web/components/shadcn/button/Button.vue
+++ b/web/components/shadcn/button/Button.vue
@@ -12,6 +12,9 @@ interface Props extends PrimitiveProps {
 
 const props = withDefaults(defineProps<Props>(), {
   as: 'button',
+  variant: 'default',
+  size: 'default',
+  class: undefined,
 })
 </script>
 
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue b/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue
index 7c59c4ca1..a182b9ed6 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue
@@ -13,6 +13,7 @@ const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
   {
     sideOffset: 4,
+    class: undefined,
   },
 )
 const emits = defineEmits<DropdownMenuContentEmits>()
diff --git a/web/components/shadcn/scroll-area/ScrollBar.vue b/web/components/shadcn/scroll-area/ScrollBar.vue
index 6b15c7385..1652e412a 100644
--- a/web/components/shadcn/scroll-area/ScrollBar.vue
+++ b/web/components/shadcn/scroll-area/ScrollBar.vue
@@ -5,6 +5,7 @@ import { cn } from '@/helpers/utils'
 
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
   orientation: 'vertical',
+  class: undefined,
 })
 
 const delegatedProps = computed(() => {
diff --git a/web/components/shadcn/select/SelectContent.vue b/web/components/shadcn/select/SelectContent.vue
index aa6b024bd..6242a7367 100644
--- a/web/components/shadcn/select/SelectContent.vue
+++ b/web/components/shadcn/select/SelectContent.vue
@@ -24,6 +24,8 @@ const props = withDefaults(
 }>(),
   {
     position: 'popper',
+    class: undefined,
+    to: "#modals",
   },
 )
 const emits = defineEmits<SelectContentEmits>()
diff --git a/web/components/shadcn/tooltip/TooltipContent.vue b/web/components/shadcn/tooltip/TooltipContent.vue
index 39a34fb85..128b450a1 100644
--- a/web/components/shadcn/tooltip/TooltipContent.vue
+++ b/web/components/shadcn/tooltip/TooltipContent.vue
@@ -9,6 +9,7 @@ defineOptions({
 
 const props = withDefaults(defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(), {
   sideOffset: 4,
+  class: undefined,
 })
 
 const emits = defineEmits<TooltipContentEmits>()
diff --git a/web/composables/gql/graphql.ts b/web/composables/gql/graphql.ts
index 28d6a1fc7..a3bf5befa 100644
--- a/web/composables/gql/graphql.ts
+++ b/web/composables/gql/graphql.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;