From 7e0c59102647071ee0a9566bf46d0afb3ac51a99 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 14 Aug 2024 12:22:51 -0300
Subject: [PATCH] Add tooltips

---
 src/pages/Ecomerce/OrdersView.vue    | 23 +++++++++++++++--------
 src/pages/Ecomerce/PendingOrders.vue |  6 +++++-
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 5cd1a9ff..75eb6003 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -51,12 +51,11 @@ const onConfirmPay = async () => {
             <span class="amount" :class="{ negative: debt < 0 }">
                 {{ currency(debt || 0) }}
             </span>
-            <QIcon
-                name="info"
-                :title="t('paymentInfo')"
-                class="info"
-                size="sm"
-            />
+            <QIcon name="info" class="info" size="sm">
+                <QTooltip max-width="450px">
+                    {{ t('paymentInfo') }}
+                </QTooltip>
+            </QIcon>
         </div>
         <QBtn
             icon="payments"
@@ -64,14 +63,22 @@ const onConfirmPay = async () => {
             @click="onPayClick()"
             rounded
             no-caps
-        />
+        >
+            <QTooltip>
+                {{ t('makePayment') }}
+            </QTooltip>
+        </QBtn>
         <QBtn
             :to="{ name: 'basket' }"
             icon="shopping_cart"
             :label="t('shoppingCart')"
             rounded
             no-caps
-        />
+        >
+            <QTooltip>
+                {{ t('shoppingCart') }}
+            </QTooltip>
+        </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
         <div
diff --git a/src/pages/Ecomerce/PendingOrders.vue b/src/pages/Ecomerce/PendingOrders.vue
index b2f872df..1309e543 100644
--- a/src/pages/Ecomerce/PendingOrders.vue
+++ b/src/pages/Ecomerce/PendingOrders.vue
@@ -69,7 +69,11 @@ onMounted(async () => {
             :label="t('newOrder')"
             rounded
             no-caps
-        />
+        >
+            <QTooltip>
+                {{ t('newOrder') }}
+            </QTooltip>
+        </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
         <CardList