From 21e23eb923564b477e1747f84a18b12dbf76cd72 Mon Sep 17 00:00:00 2001
From: JatinderSingh <jatinder.singh@gov.bc.ca>
Date: Mon, 30 Oct 2023 11:25:23 -0700
Subject: [PATCH] apply hover tool tip to icon buttons

---
 frontend/src/components/bucket/BucketList.vue              | 1 +
 frontend/src/components/bucket/BucketTable.vue             | 4 ++++
 frontend/src/components/common/SyncButton.vue              | 1 +
 frontend/src/components/object/DownloadObjectButton.vue    | 1 +
 frontend/src/components/object/ObjectTable.vue             | 2 ++
 frontend/src/components/object/share/ShareObjectButton.vue | 1 +
 6 files changed, 10 insertions(+)

diff --git a/frontend/src/components/bucket/BucketList.vue b/frontend/src/components/bucket/BucketList.vue
index 711c2039..3e6cd4d5 100644
--- a/frontend/src/components/bucket/BucketList.vue
+++ b/frontend/src/components/bucket/BucketList.vue
@@ -60,6 +60,7 @@ onMounted(async () => {
     <div class="flex justify-content-end">
       <Button
         v-if="usePermissionStore().isUserElevatedRights()"
+        v-tooltip.bottom="'Configure Bucket'"
         label="Primary"
         class="p-button-outlined mt-4"
         data-test="connect-bucket"
diff --git a/frontend/src/components/bucket/BucketTable.vue b/frontend/src/components/bucket/BucketTable.vue
index 7e849be8..eda42105 100644
--- a/frontend/src/components/bucket/BucketTable.vue
+++ b/frontend/src/components/bucket/BucketTable.vue
@@ -126,6 +126,7 @@ async function deleteBucket(bucketId: string) {
         <template #body="{ data }">
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.UPDATE)"
+            v-tooltip.bottom="'Configure bucket'"
             class="p-button-lg p-button-text"
             aria-label="Configure bucket"
             @click="showBucketConfig(data)"
@@ -134,6 +135,7 @@ async function deleteBucket(bucketId: string) {
           </Button>
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.MANAGE)"
+            v-tooltip.bottom="'Bucket permissions'"
             class="p-button-lg p-button-text"
             aria-label="Bucket permissions"
             @click="showPermissions(data.bucketId, data.bucketName)"
@@ -143,6 +145,7 @@ async function deleteBucket(bucketId: string) {
           <SyncButton :bucket-id="data.bucketId" />
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.READ)"
+            v-tooltip.bottom="'Bucket details'"
             class="p-button-lg p-button-rounded p-button-text"
             aria-label="Bucket details"
             @click="showSidebarInfo(data.bucketId)"
@@ -151,6 +154,7 @@ async function deleteBucket(bucketId: string) {
           </Button>
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.DELETE)"
+            v-tooltip.bottom="'Delete bucket'"
             class="p-button-lg p-button-text p-button-danger"
             aria-label="Delete bucket"
             @click="confirmDeleteBucket(data.bucketId)"
diff --git a/frontend/src/components/common/SyncButton.vue b/frontend/src/components/common/SyncButton.vue
index 45e1b9b0..890def3d 100644
--- a/frontend/src/components/common/SyncButton.vue
+++ b/frontend/src/components/common/SyncButton.vue
@@ -107,6 +107,7 @@ const onClick = () => {
   </Dialog>
 
   <Button
+    v-tooltip.bottom="'Synchronize bucket'"
     class="p-button-lg p-button-text"
     aria-label="Synchronize bucket"
     @click="onClick"
diff --git a/frontend/src/components/object/DownloadObjectButton.vue b/frontend/src/components/object/DownloadObjectButton.vue
index 68562463..98e6cca0 100644
--- a/frontend/src/components/object/DownloadObjectButton.vue
+++ b/frontend/src/components/object/DownloadObjectButton.vue
@@ -55,6 +55,7 @@ const download = () => {
 
   <Button
     v-if="props.mode === ButtonMode.ICON"
+    v-tooltip.bottom="'Download object'"
     class="p-button-lg p-button-text"
     :disabled="props.disabled"
     aria-label="Download object"
diff --git a/frontend/src/components/object/ObjectTable.vue b/frontend/src/components/object/ObjectTable.vue
index b6cb14c2..cf9d7237 100644
--- a/frontend/src/components/object/ObjectTable.vue
+++ b/frontend/src/components/object/ObjectTable.vue
@@ -137,6 +137,7 @@ const filters = ref({
               @click="filters['global'].value = null"
             />
           </span>
+
           <Button
             v-tooltip.bottom="'Refresh'"
             class="ml-2"
@@ -234,6 +235,7 @@ const filters = ref({
             v-if="
               permissionStore.isObjectActionAllowed(data.id, getUserId, Permissions.MANAGE, props.bucketId as string)
             "
+            v-tooltip.bottom="'Object permissions'"
             class="p-button-lg p-button-text"
             aria-label="Object permissions"
             @click="showPermissions(data.id)"
diff --git a/frontend/src/components/object/share/ShareObjectButton.vue b/frontend/src/components/object/share/ShareObjectButton.vue
index cca71904..69412085 100644
--- a/frontend/src/components/object/share/ShareObjectButton.vue
+++ b/frontend/src/components/object/share/ShareObjectButton.vue
@@ -89,6 +89,7 @@ onMounted(() => {
   </Dialog>
 
   <Button
+    v-tooltip.bottom="'Share object'"
     class="p-button-lg p-button-text"
     aria-label="Share object"
     @click="displayShareDialog = true"