From f2188ebd7376982f6939ba456b9c4a75de869c90 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 6 Mar 2025 18:03:26 +0330
Subject: [PATCH] added update pwa modal

---
 frontend/components/global/UpdatePwaModal.vue | 70 +++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 frontend/components/global/UpdatePwaModal.vue

diff --git a/frontend/components/global/UpdatePwaModal.vue b/frontend/components/global/UpdatePwaModal.vue
new file mode 100644
index 0000000..aebd1fa
--- /dev/null
+++ b/frontend/components/global/UpdatePwaModal.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    isShow: boolean;
+};
+
+type Emits = {
+    update: [value: any];
+    "update:isShow": [value: boolean];
+};
+
+// props
+
+const props = defineProps<Props>();
+
+const { isShow } = toRefs(props);
+
+// emits
+
+const emit = defineEmits<Emits>();
+
+// computed
+
+const visible = computed({
+    get: () => isShow.value ?? false,
+    set: (value: boolean) => emit("update:isShow", value),
+});
+</script>
+
+<template>
+    <Modal
+        v-model="visible"
+        title="ورژن جدید"
+        contectClass="!w-[90vw] lg:!w-[35vw]"
+        @close="visible = false"
+    >
+        <template #content>
+            <div class="w-full flex flex-col text-start gap-6 py-5" dir="rtl">
+                <p class="leading-[0.75rem]">
+                    نسخه جدید و بهبود یافته اپلیکیشن با ویژگی‌های جذاب منتظر
+                    شماست
+                </p>
+                <p class="leading-[0.75rem]">
+                    برای تجربه بهتر، لطفا نسخه فعلی را بروزرسانی کنید
+                </p>
+                <p class="leading-[0.75rem]">
+                    پس از کلیک بر روی گزینه دریافت نسخه جدید، برنامه به صورت
+                    خودکار بروز می‌شود
+                </p>
+            </div>
+
+            <div class="py-6 border-t border-slate-200 flex gap-3">
+                <Button
+                    @click="emit('update', null)"
+                    class="rounded-full px-10"
+                >
+                    <span>دریافت ورژن جدید</span>
+                </Button>
+                <DialogClose aria-label="Close">
+                    <Button variant="outlined" class="rounded-full px-10">
+                        انصراف
+                    </Button>
+                </DialogClose>
+            </div>
+        </template>
+    </Modal>
+</template>
+
+<style scoped></style>