From 51ce6ed959e9b673a0cfd9fac614f743b24d582f Mon Sep 17 00:00:00 2001
From: Nikita Kiselev <mail@nikitakiselev.ru>
Date: Mon, 21 Jul 2025 01:08:00 +0300
Subject: [PATCH] feat: add haptictouch to bottom buttons

---
 spa/src/components/Quantity.vue |  6 +++---
 spa/src/views/Product.vue       | 11 ++++++++---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/spa/src/components/Quantity.vue b/spa/src/components/Quantity.vue
index 40b0128..3a0e0fc 100644
--- a/spa/src/components/Quantity.vue
+++ b/spa/src/components/Quantity.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="flex items-center text-center">
-    <button class="btn btn-neutral w-10 h-10" @click="inc">-</button>
-    <div class="w-10 h-10 flex items-center justify-center bg-neutral">{{ model }}</div>
-    <button class="btn btn-neutral w-10 h-10" @click="dec">+</button>
+    <button class="btn btn-lg btn-neutral" @click="inc">-</button>
+    <div class="w-10 h-10 flex items-center justify-center bg-neutral font-bold">{{ model }}</div>
+    <button class="btn btn-lg btn-neutral" @click="dec">+</button>
   </div>
 </template>
 
diff --git a/spa/src/views/Product.vue b/spa/src/views/Product.vue
index 277c302..fac2c3c 100644
--- a/spa/src/views/Product.vue
+++ b/spa/src/views/Product.vue
@@ -34,9 +34,10 @@
       </div>
     </div>
 
-    <div class="p-2 fixed bottom-0 left-0 w-full bg-info-content z-50 flex justify-between gap-2">
+    <div class="px-4 pb-10 pt-4 fixed bottom-0 left-0 w-full bg-info-content z-50 flex justify-between gap-2 border-t-1 border-t-success-content">
       <button
-          class="btn btn-primary flex-1"
+          class="btn btn-lg  flex-1"
+          :class="isInCartNow ? 'btn-success' : 'btn-primary'"
           @click="actionBtnClick"
       >
         {{ buttonText }}
@@ -71,7 +72,7 @@ const cart = useCartStore();
 const buttonText = computed(() => {
   const item = cart.items.find(i => i.productId === productId.value);
   return item && item.quantity > 0
-      ? `Перейти в корзину`
+      ? `В корзине`
       : 'Добавить в корзину'
 });
 
@@ -85,17 +86,21 @@ const quantity = computed(() => {
 
 function actionBtnClick() {
   if (cart.hasProduct(productId.value)) {
+    window.Telegram.WebApp.HapticFeedback.selectionChanged();
     router.push({name: 'cart.show'});
   } else {
     cart.addProduct(productId.value, product.value.name, product.value.price, 1, product.value.options);
+    window.Telegram.WebApp.HapticFeedback.notificationOccurred('success');
   }
 }
 
 function setQuantity(newQuantity) {
   if (newQuantity === 0) {
     cart.removeProduct(productId.value);
+    window.Telegram.WebApp.HapticFeedback.notificationOccurred('warning');
   } else {
     cart.setQuantity(productId.value, newQuantity);
+    window.Telegram.WebApp.HapticFeedback.selectionChanged();
   }
 }