fix: push notification request permission (#677)

2025-05-09 00:32:30 +03:00 · 2023-01-01 20:24:22 +01:00 · 2023-01-01 20:24:22 +01:00 · d8abea75aa
commit d8abea75aa
parent 6c38477bc2
8 changed files with 123 additions and 35 deletions
--- a/components/notification/NotificationSubscribePushNotificationError.vue
+++ b/components/notification/NotificationSubscribePushNotificationError.vue
@ -0,0 +1,40 @@
+<script setup lang="ts">
+defineProps<{
+  title?: string
+  message: string
+}>()
+const { modelValue } = defineModel<{
+  modelValue: boolean
+}>()
+</script>
+
+<template>
+  <div
+    v-if="modelValue"
+    role="alert"
+    aria-describedby="notification-failed"
+    flex="~ col"
+    gap-1 text-sm
+    pt-1 ps-2 pe-1 pb-2
+    text-red-600 dark:text-red-400
+    border="~ base rounded red-600 dark:red-400"
+  >
+    <head id="notification-failed" flex justify-between>
+      <div flex items-center gap-x-2 font-bold>
+        <div aria-hidden="true" i-ri:error-warning-fill />
+        <p>{{ title ?? $t('notification.settings.subscription_error.title') }}</p>
+      </div>
+      <CommonTooltip placement="bottom" :content="$t('notification.settings.subscription_error.clear_error')">
+        <button
+          flex rounded-4 p1
+          hover:bg-active cursor-pointer transition-100
+          :aria-label="$t('notification.settings.subscription_error.clear_error')"
+          @click="modelValue = false"
+        >
+          <span aria-hidden="true" w-1.75em h-1.75em i-ri:close-line />
+        </button>
+      </CommonTooltip>
+    </head>
+    <p>{{ message }}</p>
+  </div>
+</template>