From 536cf51acb4a027555ef8ab1aade4e524138474a Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 9 Aug 2024 11:33:03 +0700
Subject: [PATCH] feat: add tooltip

---
 src/components/button/AddButton.vue    | 1 +
 src/components/button/BackButton.vue   | 1 +
 src/components/button/CancelButton.vue | 1 +
 src/components/button/DeleteButton.vue | 1 +
 src/components/button/EditButton.vue   | 1 +
 src/components/button/SaveButton.vue   | 1 +
 src/components/button/UndoButton.vue   | 1 +
 7 files changed, 7 insertions(+)

diff --git a/src/components/button/AddButton.vue b/src/components/button/AddButton.vue
index dd222672..e683e2b9 100644
--- a/src/components/button/AddButton.vue
+++ b/src/components/button/AddButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-plus"
     color="var(--info-bg)"
+    :title="iconOnly ? $t('add') : undefined"
   >
     {{ $t('add') }}
   </MainButton>
diff --git a/src/components/button/BackButton.vue b/src/components/button/BackButton.vue
index 4efdf17a..c99c36e4 100644
--- a/src/components/button/BackButton.vue
+++ b/src/components/button/BackButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--info-bg)"
+    :title="iconOnly ? $t('back') : undefined"
   >
     {{ $t('back') }}
   </MainButton>
diff --git a/src/components/button/CancelButton.vue b/src/components/button/CancelButton.vue
index 50267807..3ba79db1 100644
--- a/src/components/button/CancelButton.vue
+++ b/src/components/button/CancelButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-close"
     color="var(--negative-bg)"
+    :title="iconOnly ? $t('cancel') : undefined"
   >
     {{ $t('cancel') }}
   </MainButton>
diff --git a/src/components/button/DeleteButton.vue b/src/components/button/DeleteButton.vue
index 3c9bb571..80cfdb99 100644
--- a/src/components/button/DeleteButton.vue
+++ b/src/components/button/DeleteButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-trash-can-outline"
     color="var(--negative-bg)"
+    :title="iconOnly ? $t('delete') : undefined"
   >
     {{ $t('delete') }}
   </MainButton>
diff --git a/src/components/button/EditButton.vue b/src/components/button/EditButton.vue
index 9d24cbd3..ca249bcb 100644
--- a/src/components/button/EditButton.vue
+++ b/src/components/button/EditButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-pencil-outline"
     color="var(--cyan-6-hsl)"
+    :title="iconOnly ? $t('edit') : undefined"
   >
     {{ $t('edit') }}
   </MainButton>
diff --git a/src/components/button/SaveButton.vue b/src/components/button/SaveButton.vue
index 452baae3..49591193 100644
--- a/src/components/button/SaveButton.vue
+++ b/src/components/button/SaveButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-content-save-outline"
     color="207 96% 32%"
+    :title="iconOnly ? $t('save') : undefined"
   >
     {{ $t('save') }}
   </MainButton>
diff --git a/src/components/button/UndoButton.vue b/src/components/button/UndoButton.vue
index 3c2aa782..66da0ed0 100644
--- a/src/components/button/UndoButton.vue
+++ b/src/components/button/UndoButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--gray-8-hsl)"
+    :title="iconOnly ? $t('undo') : undefined"
   >
     {{ $t('undo') }}
   </MainButton>