Initial commit

apps/app-frontend/src/components/ui/modal/ConfirmModalWrapper.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { ConfirmModal } from '@modrinth/ui'
-import { show_ads_window, hide_ads_window } from '@/helpers/ads.js'
+
 import { useTheming } from '@/store/theme.js'
 
 const themeStore = useTheming()
@@ -36,7 +36,6 @@ const modal = ref(null)
 
 defineExpose({
   show: () => {
-    hide_ads_window()
     modal.value.show()
   },
   hide: () => {
@@ -45,25 +44,13 @@ defineExpose({
   },
 })
 
-function onModalHide() {
-  show_ads_window()
-}
-
 function proceed() {
   emit('proceed')
 }
 </script>
 
 <template>
-  <ConfirmModal
-    ref="modal"
-    :confirmation-text="confirmationText"
-    :has-to-type="hasToType"
-    :title="title"
-    :description="description"
-    :proceed-label="proceedLabel"
-    :on-hide="onModalHide"
-    :noblur="!themeStore.advancedRendering"
-    @proceed="proceed"
-  />
+  <ConfirmModal ref="modal" :confirmation-text="confirmationText" :has-to-type="hasToType" :title="title"
+    :description="description" :proceed-label="proceedLabel" :on-hide="onModalHide"
+    :noblur="!themeStore.advancedRendering" @proceed="proceed" />
 </template>

apps/app-frontend/src/components/ui/modal/ModalWrapper.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { Modal } from '@modrinth/ui'
-import { show_ads_window, hide_ads_window } from '@/helpers/ads.js'
+
 import { useTheming } from '@/store/theme.js'
 
 const themeStore = useTheming()
@@ -18,7 +18,7 @@ const props = defineProps({
   onHide: {
     type: Function,
     default() {
-      return () => {}
+      return () => { }
     },
   },
 })
@@ -27,7 +27,6 @@ const modal = ref(null)
 
 defineExpose({
   show: () => {
-    hide_ads_window()
     modal.value.show()
   },
   hide: () => {
@@ -37,7 +36,6 @@ defineExpose({
 })
 
 function onModalHide() {
-  show_ads_window()
   props.onHide()
 }
 </script>

apps/app-frontend/src/components/ui/modal/ShareModalWrapper.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { ShareModal } from '@modrinth/ui'
-import { show_ads_window, hide_ads_window } from '@/helpers/ads.js'
+
 import { useTheming } from '@/store/theme.js'
 
 const themeStore = useTheming()
@@ -33,7 +33,6 @@ const modal = ref(null)
 
 defineExpose({
   show: (passedContent) => {
-    hide_ads_window()
     modal.value.show(passedContent)
   },
   hide: () => {
@@ -41,21 +40,9 @@ defineExpose({
     modal.value.hide()
   },
 })
-
-function onModalHide() {
-  show_ads_window()
-}
 </script>
 
 <template>
-  <ShareModal
-    ref="modal"
-    :header="header"
-    :share-title="shareTitle"
-    :share-text="shareText"
-    :link="link"
-    :open-in-new-tab="openInNewTab"
-    :on-hide="onModalHide"
-    :noblur="!themeStore.advancedRendering"
-  />
+  <ShareModal ref="modal" :header="header" :share-title="shareTitle" :share-text="shareText" :link="link"
+    :open-in-new-tab="openInNewTab" :on-hide="onModalHide" :noblur="!themeStore.advancedRendering" />
 </template>