From 2719dd2eb194d51d2c62e5bd7f2386c2149b3912 Mon Sep 17 00:00:00 2001
From: joselegitan <joselegitan@protonmail.com>
Date: Fri, 3 Nov 2023 09:41:22 +0100
Subject: [PATCH] feat: enable text inside iconButton

---
 components/MainMap/FavoriteNoteBook.vue | 3 ++-
 components/UI/IconButton.vue            | 6 +++---
 locales/en.js                           | 1 +
 locales/es.js                           | 1 +
 locales/fr.js                           | 1 +
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/MainMap/FavoriteNoteBook.vue b/components/MainMap/FavoriteNoteBook.vue
index 425c02154..8fecd04b3 100644
--- a/components/MainMap/FavoriteNoteBook.vue
+++ b/components/MainMap/FavoriteNoteBook.vue
@@ -18,10 +18,11 @@
         <IconsBar class="tw-mr-6">
           <IconButton
             :label="$t('favorites.menu_share')"
-            class="tw-w-8 tw-h-8"
+            class="tw-h-8"
             @click="setShareLink()"
           >
             <FontAwesomeIcon icon="share-alt" />
+            <p class="tw-text-sm">{{ $t('favorites.notebook.share') }}</p>
           </IconButton>
           <IconButton
             :label="$t('favorites.export_pdf')"
diff --git a/components/UI/IconButton.vue b/components/UI/IconButton.vue
index 74cd5e9de..33f53ffb3 100644
--- a/components/UI/IconButton.vue
+++ b/components/UI/IconButton.vue
@@ -3,7 +3,7 @@
     v-if="!href"
     :aria-label="label"
     type="button"
-    class="tw-text-sm tw-text-zinc-800 tw-bg-white tw-rounded-full tw-shadow-md tw-outline-none focus:tw-outline-none hover:tw-bg-zinc-100 focus-visible:tw-bg-zinc-100 tw-shrink-0 tw-flex tw-items-center tw-justify-center"
+    class="tw-text-sm tw-text-zinc-800 tw-bg-white tw-rounded-full tw-shadow-md tw-outline-none focus:tw-outline-none hover:tw-bg-zinc-100 focus-visible:tw-bg-zinc-100 tw-shrink-0 tw-flex tw-items-center tw-justify-center tw-flex tw-px-2.5 tw-gap-2"
   >
     <slot></slot>
   </button>
@@ -12,7 +12,7 @@
     :aria-label="label"
     :to="href"
     :target="target"
-    class="tw-text-sm tw-text-zinc-800 tw-bg-white tw-rounded-full tw-shadow-md tw-outline-none focus:tw-outline-none hover:tw-bg-zinc-100 focus-visible:tw-bg-zinc-100 tw-shrink-0 tw-flex tw-items-center tw-justify-center"
+    class="tw-text-sm tw-text-zinc-800 tw-bg-white tw-rounded-full tw-shadow-md tw-outline-none focus:tw-outline-none hover:tw-bg-zinc-100 focus-visible:tw-bg-zinc-100 tw-shrink-0 tw-flex tw-items-center tw-justify-center tw-flex tw-px-2.5 tw-gap-2"
   >
     <slot></slot>
   </NuxtLink>
@@ -21,7 +21,7 @@
     :aria-label="label"
     :href="href"
     :target="target"
-    class="tw-text-sm tw-text-zinc-800 tw-bg-white tw-rounded-full tw-shadow-md tw-outline-none focus:tw-outline-none hover:tw-bg-zinc-100 focus-visible:tw-bg-zinc-100 tw-shrink-0 tw-flex tw-items-center tw-justify-center"
+    class="tw-text-sm tw-text-zinc-800 tw-bg-white tw-rounded-full tw-shadow-md tw-outline-none focus:tw-outline-none hover:tw-bg-zinc-100 focus-visible:tw-bg-zinc-100 tw-shrink-0 tw-flex tw-items-center tw-justify-center tw-flex tw-px-2.5 tw-gap-2"
   >
     <slot></slot>
   </a>
diff --git a/locales/en.js b/locales/en.js
index 0b0b5f464..7ed6f5898 100644
--- a/locales/en.js
+++ b/locales/en.js
@@ -26,6 +26,7 @@ export default {
     share_link: 'Share link of favorites',
     notebook: {
       title: 'Favorites notebook',
+      share: 'Share',
     },
     noFavs:
       'You do not have any favorite places yet. You can do this by selecting a location on the map, then saving it as a favorite.',
diff --git a/locales/es.js b/locales/es.js
index 5cd6ecc3d..9de1dbdc8 100644
--- a/locales/es.js
+++ b/locales/es.js
@@ -26,6 +26,7 @@ export default {
     share_link: 'Compartir enlace de favoritos',
     notebook: {
       title: 'Cuaderno de favoritos',
+      share: 'Partager',
     },
     noFavs:
       'Todavía no tienes ningún lugar marcado. Puedes hacerlo seleccionando un lugar en el mapa y guardándolo como favorito',
diff --git a/locales/fr.js b/locales/fr.js
index dfc9f8db0..834cc5199 100644
--- a/locales/fr.js
+++ b/locales/fr.js
@@ -27,6 +27,7 @@ export default {
     share_link: 'Partager le lien des favoris',
     notebook: {
       title: 'Carnet des favoris',
+      share: 'Partager',
     },
     noFavs:
       "Vous n'avez pas encore de lieux en favoris. Vous pouvez le faire en sélectionnant un lieu sur la carte, puis en le mémorisant comme favori.",