From 0edaaacf4591bd243616b630a8b7fd0cdb6d1e3c Mon Sep 17 00:00:00 2001
From: Daniil Rudnov <rudnov.d@gmail.com>
Date: Mon, 1 Apr 2024 00:52:44 +0500
Subject: [PATCH] refactor: add name attribute for 'select' and 'input' tags

---
 src/components/PageFooter.vue           |  2 +-
 src/components/SelectUnitModal.vue      |  1 +
 src/components/base/BaseCheckbox.vue    |  1 +
 src/components/base/BaseInputNumber.vue | 10 +++++++++-
 src/components/base/BaseSelect.vue      |  1 +
 src/views/CreaturesLibraryPage.vue      |  1 +
 src/views/SendErrorPage.vue             |  2 +-
 7 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
index 166ac7e1..48d7a18f 100644
--- a/src/components/PageFooter.vue
+++ b/src/components/PageFooter.vue
@@ -4,7 +4,7 @@
       {{ about.text || t('components.pageFooter.about') }}
     </router-link>
 
-    <select v-model="locale">
+    <select v-model="locale" name="select-locale">
       <option v-for="availableLocale in locales" :key="availableLocale.name" :value="availableLocale.name">
         {{ availableLocale.value }}
       </option>
diff --git a/src/components/SelectUnitModal.vue b/src/components/SelectUnitModal.vue
index 6e84959c..bd9fb6f4 100644
--- a/src/components/SelectUnitModal.vue
+++ b/src/components/SelectUnitModal.vue
@@ -6,6 +6,7 @@
         :value="search"
         type="text"
         class="search-input"
+        name="search-creatures"
         :placeholder="t('components.selectUnitModal.searchCreature')"
         @keyup.enter="selectFirstFounded"
         @input="searchCreature"
diff --git a/src/components/base/BaseCheckbox.vue b/src/components/base/BaseCheckbox.vue
index 182fdc61..a16865e7 100644
--- a/src/components/base/BaseCheckbox.vue
+++ b/src/components/base/BaseCheckbox.vue
@@ -6,6 +6,7 @@
       :value="value"
       :checked="value"
       :disabled="disabled"
+      :name="`${label}-checkbox`"
       @change="$emit('change', value)"
     />
     <svg class="checkbox" viewBox="0 0 20 20">
diff --git a/src/components/base/BaseInputNumber.vue b/src/components/base/BaseInputNumber.vue
index 3cff7670..0256582a 100644
--- a/src/components/base/BaseInputNumber.vue
+++ b/src/components/base/BaseInputNumber.vue
@@ -1,5 +1,13 @@
 <template>
-  <input :value="currentValue" class="input-number" type="number" :min="min" :max="max" @input="onInput" />
+  <input
+    :value="currentValue"
+    class="input-number"
+    type="number"
+    name="input-number"
+    :min="min"
+    :max="max"
+    @input="onInput"
+  />
 </template>
 
 <script lang="ts">
diff --git a/src/components/base/BaseSelect.vue b/src/components/base/BaseSelect.vue
index cc8054fa..25c9a2c4 100644
--- a/src/components/base/BaseSelect.vue
+++ b/src/components/base/BaseSelect.vue
@@ -7,6 +7,7 @@
           :value="search"
           autocomplete="off"
           class="search"
+          :name="`input-${label}`"
           :placeholder="placeholder"
           @input="searchElement"
         />
diff --git a/src/views/CreaturesLibraryPage.vue b/src/views/CreaturesLibraryPage.vue
index dd1730d6..4411bb35 100644
--- a/src/views/CreaturesLibraryPage.vue
+++ b/src/views/CreaturesLibraryPage.vue
@@ -23,6 +23,7 @@
       <div class="search-creature">
         <input
           ref="searchInput"
+          name="search-creatures"
           :value="search"
           :placeholder="t('components.selectUnitModal.searchCreature')"
           @input="setSearch"
diff --git a/src/views/SendErrorPage.vue b/src/views/SendErrorPage.vue
index 0d6aa71f..419d60e2 100644
--- a/src/views/SendErrorPage.vue
+++ b/src/views/SendErrorPage.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="send-error-page">
     <form class="send-error" name="send-error" method="post" data-netlify="true" data-netlify-honeypot="bot-field">
-      <input type="hidden" name="form-name" value="send-error" />
+      <input type="hidden" name="send-error" value="send-error" />
       <textarea name="error" :placeholder="t('components.pageFooter.sendErrorForm.placeholder')" />
       <button class="send-error-button" type="submit">
         {{ t('components.pageFooter.sendErrorForm.button') }}