From da3f575c0ac0b707cc193363d44fe771054accac Mon Sep 17 00:00:00 2001
From: e11sy <Egoramurin@gmail.com>
Date: Tue, 9 Jul 2024 18:01:27 +0300
Subject: [PATCH] added notifier for contact component

---
 components/contact.vue | 37 ++++++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/components/contact.vue b/components/contact.vue
index df75b24..e1a6b60 100644
--- a/components/contact.vue
+++ b/components/contact.vue
@@ -6,10 +6,7 @@
         <span class="text-wrapper">
           Чтобы начать сотрудничество или получить больше информации, напишите нам на
         </span>
-        <span class="span"> team@hawk.so</span>
-        <span class="text-wrapper"> или в телеграм </span>
-        <span class="span"> t.me/hawk-support</span>
-        <span class="text-wrapper">.</span>
+        <span class="span"> team@hawk.so</span><span class="text-wrapper"> или в телеграм </span><span class="span"> t.me/hawk-support</span><span class="text-wrapper">.</span>
         <br /> <!-- Переносим текст на новую строку -->
         <span class="text-wrapper">
           Либо оставьте почту:
@@ -17,10 +14,15 @@
       </p>
       <div class="bottom-container">
         <div class="frame">
-          <input :class="['input-style', inputActive && 'input-style-active']" type="text" placeholder="dev@yourproduct.ru" />
+          <input
+            :value="inputData"
+            :class="['input-style', inputActive && 'input-style-active']"
+            @input="inputData = $event.target.value"
+            type="text"
+            placeholder="dev@yourproduct.ru" />
         </div>
         <button class="div-wrapper">
-          <div class="text-wrapper-3">Получить информацию</div>
+          <div @click="notify($props.inputData)" class="text-wrapper-3">Получить информацию</div>
         </button>
       </div>
     </div>
@@ -41,8 +43,29 @@ export default Vue.extend({
     },
     titleSize: {
       type: String,
-    }
+    },
+    inputData: {
+      type: String,
+    },
   },
+  methods: {
+    notify: function(message: string): void {
+      console.log('notified');
+      fetch('https://notify.bot.codex.so/u/6PI3KB10U6ZV', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams({
+          'message': message
+        })
+      })
+      .then(response => response.json())
+      .then(data => console.log(data))
+      .catch(error => console.error('Error:', error));
+      console.log('notified end');
+    },
+  }
 });
 </script>