From 3175d9b9bc6b3742faa2c54110ba758ab12f40b7 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Thu, 7 Mar 2024 18:47:28 -0600
Subject: [PATCH] chore(AppBanner): remove all remaining references

---
 packages/docs/auto-imports.d.ts             |   3 -
 packages/docs/components.d.ts               |   1 -
 packages/docs/src/components/app/Banner.vue | 121 ------------------
 packages/docs/src/layouts/default.vue       |   6 +-
 packages/docs/src/layouts/user.vue          |   2 -
 packages/docs/src/stores/banners.ts         | 129 --------------------
 6 files changed, 4 insertions(+), 258 deletions(-)
 delete mode 100644 packages/docs/src/components/app/Banner.vue
 delete mode 100644 packages/docs/src/stores/banners.ts

diff --git a/packages/docs/auto-imports.d.ts b/packages/docs/auto-imports.d.ts
index a67a172e9b0..3bc41125982 100644
--- a/packages/docs/auto-imports.d.ts
+++ b/packages/docs/auto-imports.d.ts
@@ -61,7 +61,6 @@ declare global {
   const useAppStore: typeof import('./src/stores/app')['useAppStore']
   const useAttrs: typeof import('vue')['useAttrs']
   const useAuthStore: typeof import('@vuetify/one')['useAuthStore']
-  const useBannersStore: typeof import('./src/stores/banners')['useBannersStore']
   const useCommitsStore: typeof import('./src/stores/commits')['useCommitsStore']
   const useCosmic: typeof import('./src/composables/cosmic')['useCosmic']
   const useDate: typeof import('vuetify')['useDate']
@@ -151,7 +150,6 @@ declare module 'vue' {
     readonly useAppStore: UnwrapRef<typeof import('./src/stores/app')['useAppStore']>
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
     readonly useAuthStore: UnwrapRef<typeof import('@vuetify/one')['useAuthStore']>
-    readonly useBannersStore: UnwrapRef<typeof import('./src/stores/banners')['useBannersStore']>
     readonly useCommitsStore: UnwrapRef<typeof import('./src/stores/commits')['useCommitsStore']>
     readonly useCosmic: UnwrapRef<typeof import('./src/composables/cosmic')['useCosmic']>
     readonly useDate: UnwrapRef<typeof import('vuetify')['useDate']>
@@ -240,7 +238,6 @@ declare module '@vue/runtime-core' {
     readonly useAppStore: UnwrapRef<typeof import('./src/stores/app')['useAppStore']>
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
     readonly useAuthStore: UnwrapRef<typeof import('@vuetify/one')['useAuthStore']>
-    readonly useBannersStore: UnwrapRef<typeof import('./src/stores/banners')['useBannersStore']>
     readonly useCommitsStore: UnwrapRef<typeof import('./src/stores/commits')['useCommitsStore']>
     readonly useCosmic: UnwrapRef<typeof import('./src/composables/cosmic')['useCosmic']>
     readonly useDate: UnwrapRef<typeof import('vuetify')['useDate']>
diff --git a/packages/docs/components.d.ts b/packages/docs/components.d.ts
index 5b024159724..876ad3c6deb 100644
--- a/packages/docs/components.d.ts
+++ b/packages/docs/components.d.ts
@@ -23,7 +23,6 @@ declare module 'vue' {
     ApiSection: typeof import('./src/components/api/Section.vue')['default']
     ApiSlotsTable: typeof import('./src/components/api/SlotsTable.vue')['default']
     AppBackToTop: typeof import('./src/components/app/BackToTop.vue')['default']
-    AppBanner: typeof import('./src/components/app/Banner.vue')['default']
     AppBarBar: typeof import('./src/components/app/bar/Bar.vue')['default']
     AppBarEcosystemMenu: typeof import('./src/components/app/bar/EcosystemMenu.vue')['default']
     AppBarEnterpriseLink: typeof import('./src/components/app/bar/EnterpriseLink.vue')['default']
diff --git a/packages/docs/src/components/app/Banner.vue b/packages/docs/src/components/app/Banner.vue
deleted file mode 100644
index e911fc9262c..00000000000
--- a/packages/docs/src/components/app/Banner.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <v-app-bar
-    v-if="banner"
-    id="app-banner-bar"
-    :color="banner.metadata.color"
-    :height="height"
-    :image="banner.metadata.images.bg?.url"
-    :model-value="hasPromotion"
-    :theme="banner.metadata.theme.key"
-    flat
-  >
-    <v-list-item
-      v-bind="link"
-      :active="false"
-      class="flex-grow-1"
-      lines="two"
-      @click="onClick"
-    >
-      <template v-if="banner.metadata.images.logo" #prepend>
-        <v-avatar :image="banner.metadata.images.logo.url" size="x-large" />
-      </template>
-
-      <v-list-item-title
-        v-if="banner.metadata.text"
-        class="text-subtitle-2 text-md-subtitle-1 font-weight-medium"
-      >
-        <AppMarkdown :content="banner.metadata.text" />
-      </v-list-item-title>
-
-      <v-list-item-subtitle v-if="banner.metadata.subtext">
-        {{ banner.metadata.subtext }}
-      </v-list-item-subtitle>
-
-      <template #append>
-        <v-hover v-if="mdAndUp && banner.metadata.link && banner.metadata.link_text">
-          <template #default="{ isHovering, props: activatorProps }">
-            <v-btn
-              v-bind="{
-                ...activatorProps,
-                ...link
-              }"
-              :color="banner.metadata.link_color"
-              :elevation="isHovering ? 8 : 0"
-              append-icon="mdi-open-in-new"
-              class="text-none me-2"
-              variant="elevated"
-              @click="onClick"
-            >
-              {{ banner.metadata.link_text }}
-            </v-btn>
-
-          </template>
-        </v-hover>
-
-        <v-btn
-          v-if="banner.metadata.closable"
-          class="ms-6 me-2"
-          density="comfortable"
-          icon="$clear"
-          size="small"
-          variant="plain"
-          @click="onClose"
-        />
-      </template>
-    </v-list-item>
-  </v-app-bar>
-</template>
-
-<script setup lang="ts">
-  const { event } = useGtag()
-  const { mdAndUp } = useDisplay()
-  const { name } = useRoute()
-  const user = useUserStore()
-  const banners = useBannersStore()
-
-  const banner = computed(() => banners.banner)
-  const height = computed(() => banner.value?.metadata.height || (banner.value?.metadata.subtext ? 88 : 48))
-  const hasPromotion = computed(() => {
-    return !banner.value || !user.notifications.last.banner.includes(banner.value.slug)
-  })
-
-  function onClick () {
-    if (!banner.value) return
-
-    event('click', {
-      event_category: 'vuetify-banner',
-      event_label: banner.value.slug,
-      value: name?.toString().toLowerCase(),
-    })
-
-    onClose()
-  }
-
-  function onClose () {
-    if (!banner.value) return
-
-    user.notifications.last.banner.push(banner.value.slug)
-  }
-
-  onBeforeMount(banners.fetch)
-
-  const link = computed(() => {
-    const metadata = banner.value?.metadata ?? { link: '' }
-
-    return {
-      href: metadata.link.startsWith('http') ? metadata.link : undefined,
-      target: metadata.link.startsWith('http') ? '_blank' : undefined,
-      to: !metadata.link.startsWith('http') ? metadata.link : undefined,
-      ...banner.value?.metadata.attributes,
-    }
-  })
-</script>
-
-<style lang="sass">
-  #app-banner-bar
-    a
-      color: inherit
-
-    p
-      margin-bottom: 0
-</style>
diff --git a/packages/docs/src/layouts/default.vue b/packages/docs/src/layouts/default.vue
index 5a476d841ed..b96689ec6cd 100644
--- a/packages/docs/src/layouts/default.vue
+++ b/packages/docs/src/layouts/default.vue
@@ -1,8 +1,10 @@
 <template>
   <v-app>
-    <AppSettingsDrawer />
+    <VoNotificationsBanner />
+
+    <VoAuthDialog />
 
-    <AppBanner />
+    <AppSettingsDrawer />
 
     <AppBarBar />
 
diff --git a/packages/docs/src/layouts/user.vue b/packages/docs/src/layouts/user.vue
index 9af73743a25..0a91e758f76 100644
--- a/packages/docs/src/layouts/user.vue
+++ b/packages/docs/src/layouts/user.vue
@@ -2,8 +2,6 @@
   <v-app>
     <AppSettingsDrawer />
 
-    <AppBanner />
-
     <AppBarBar />
 
     <AppDrawerDrawer />
diff --git a/packages/docs/src/stores/banners.ts b/packages/docs/src/stores/banners.ts
deleted file mode 100644
index d22261f527b..00000000000
--- a/packages/docs/src/stores/banners.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-// Types
-interface Banner {
-  status: 'published' | 'unpublished'
-  modified_at: string
-  slug: string
-  title: string
-  metadata: {
-    active: boolean
-    closable: boolean
-    color: string
-    label: string
-    height: number
-    text: string
-    subtext: string
-    link: string
-    link_text: string
-    link_color: string
-    attributes: Record<string, any>
-    start_date: string
-    end_date: string
-    theme: {
-      key: 'light' | 'dark'
-      value: 'Light' | 'Dark'
-    }
-    images: {
-      bg: {
-        url: string
-      }
-      logo: {
-        url: string
-      }
-    }
-    visible: {
-      key: 'home' | 'docs' | 'both' | 'server'
-      value: 'home'
-    }
-  }
-}
-
-interface State {
-  banners: Banner[]
-  isLoading: boolean
-  router: any
-  server?: Banner
-  banner?: Banner
-}
-
-export const useBannersStore = defineStore('banners', {
-  state: (): State => ({
-    banners: [],
-    isLoading: false,
-    router: null,
-  }),
-  actions: {
-    async fetch () {
-      if (this.banners.length) return
-
-      const { bucket } = useCosmic()
-
-      const adapter = useDate()
-      const today = adapter.startOfDay(adapter.date())
-      const tomorrow = adapter.endOfDay(today)
-
-      try {
-        this.isLoading = true
-
-        const { objects = [] }: { objects: Banner[] } = (
-          await bucket?.objects
-            .find({
-              type: 'banners',
-              'metadata.start_date': {
-                $lte: today,
-              },
-              'metadata.end_date': {
-                $gte: tomorrow,
-              },
-            })
-            .props('status,metadata,slug,title,modified_at')
-            .sort('metadata.start_date')
-            .limit(3)
-        ) || {}
-
-        this.banners = objects
-      } catch (e) {
-        console.error(e)
-      } finally {
-        this.isLoading = false
-      }
-    },
-  },
-  getters: {
-    banner (state) {
-      const user = useUserStore()
-      const name = state.router.currentRoute.value.meta.page
-
-      if (this.server) return this.server
-
-      return state.banners.find(({
-        slug,
-        metadata: {
-          visible,
-          active,
-        },
-      }) => {
-        if (!active) return false
-
-        if (user.notifications.last.banner.includes(slug)) return false
-
-        if (visible.key === 'both') return true
-        // '' is home
-        if (visible.key === 'home' && name === '') return true
-
-        return visible.key === 'docs' && name !== 'home'
-      })
-    },
-    server (state) {
-      return state.banners.find(({
-        metadata: {
-          visible,
-          active,
-        },
-      }) => {
-        if (!active) return false
-
-        return visible.key === 'server'
-      })
-    },
-  },
-})