test web push

apps/frontend/src/components/create/CreateMessageDeliveryOptionTelegram.vue

@@ -0,0 +1,32 @@
+<template>
+  <CreateMessageDeliveryOption :label :method v-model="model" />
+
+  <!-- Сообщение о недоступности -->
+  <p v-if="telegramNotice" class="text-red-500 mb-2">
+    Отправка в Telegram пока в разработке.<br />
+    Этот способ отправки сообщений можно будет выбрать позже.
+  </p>
+</template>
+
+<script setup lang="ts">
+import { type QRCodeDocument } from '@/types/DBDocumentTypes'
+import { type DeliveryOption, DELIVERY_METHOD_TELEGRAM } from '@/constants/deliveryOptions'
+import { computed } from 'vue'
+
+type DeliveryOptionTelegram = Extract<DeliveryOption, { method: typeof DELIVERY_METHOD_TELEGRAM }>
+
+defineProps<{
+  label: DeliveryOptionTelegram['label']
+  method: DeliveryOptionTelegram['method']
+}>()
+
+defineEmits<{
+  (e: 'change', value: Event): void
+}>()
+
+const model = defineModel<null | QRCodeDocument['messageDeliveryMethod']>()
+
+const telegramNotice = computed(() => {
+  return model.value! === DELIVERY_METHOD_TELEGRAM
+})
+</script>