From 863ef7e049f115bb4e271182231688b61bbb1aa3 Mon Sep 17 00:00:00 2001
From: Robin Lopez <robinlopez.contact@gmail.com>
Date: Mon, 22 Apr 2024 13:55:58 +0200
Subject: [PATCH] (style) - #84 Fix design btn back current slot

---
 ...{ButtonBackTop.vue => ButtonBackCurrentSlot.vue} | 13 +++++--------
 mobile/src/i18n/en/index.ts                         |  2 +-
 mobile/src/views/event/FavoritesPage.vue            |  2 +-
 mobile/src/views/event/SchedulePage.vue             |  2 +-
 4 files changed, 8 insertions(+), 11 deletions(-)
 rename mobile/src/components/ui/{ButtonBackTop.vue => ButtonBackCurrentSlot.vue} (63%)

diff --git a/mobile/src/components/ui/ButtonBackTop.vue b/mobile/src/components/ui/ButtonBackCurrentSlot.vue
similarity index 63%
rename from mobile/src/components/ui/ButtonBackTop.vue
rename to mobile/src/components/ui/ButtonBackCurrentSlot.vue
index 00cd8ced..e619218c 100644
--- a/mobile/src/components/ui/ButtonBackTop.vue
+++ b/mobile/src/components/ui/ButtonBackCurrentSlot.vue
@@ -1,10 +1,10 @@
 <template>
-  <!-- TODO #84 connect the back button to the top of the page -->
+  <!-- TODO #84 connect the back current slot button -->
   <transition name="scaleUp">
-    <ion-fab vertical="bottom" horizontal="start" slot="fixed">
+    <ion-fab class="buttonBackCurrentSlot" vertical="bottom" horizontal="start" slot="fixed">
       <ion-fab-button class="buttonBackTop" @click=""
-                      :aria-label="LL.Go_Back_Screen()">
-        <ion-icon :icon="arrowUpSharp"></ion-icon>
+                      :aria-label="LL.Go_Back_Current_Slot()">
+        <ion-icon src="/assets/icons/solid/pick-current-slot.svg" :aria-hidden="true"></ion-icon>
       </ion-fab-button>
     </ion-fab>
   </transition>
@@ -13,17 +13,14 @@
 <script setup lang="ts">
 import { IonFab,IonFabButton } from '@ionic/vue';
 import { typesafeI18n } from "@/i18n/i18n-vue";
-import { arrowUpSharp } from "ionicons/icons";
 
 const { LL } = typesafeI18n()
 </script>
 
 
 <style lang="scss">
-  .buttonBackTop {
+  .buttonBackCurrentSlot {
     ion-fab-button {
-      height: 44px;
-      width: 44px;
       --background: var(--app-primary);
       --color: var(--app-white);
 
diff --git a/mobile/src/i18n/en/index.ts b/mobile/src/i18n/en/index.ts
index 1e0e59c3..9f820fba 100644
--- a/mobile/src/i18n/en/index.ts
+++ b/mobile/src/i18n/en/index.ts
@@ -8,7 +8,7 @@ const en = {
 	Back_User_Dashboard: `Back dashboard`,
 	Avatar_Speaker: `Avatar speaker`,
 	Nav_Back: `Back`,
-	Go_Back_Top_Screen: 'Back to top of page',
+	Go_Back_Current_Slot: 'Back to current slot',
 	Conference_Selector: `Conference Selector`,
 	Pinned_events: `Pinned events`,
 	Config_event: `Configuration event`,
diff --git a/mobile/src/views/event/FavoritesPage.vue b/mobile/src/views/event/FavoritesPage.vue
index ba48e96b..8f8da1dc 100644
--- a/mobile/src/views/event/FavoritesPage.vue
+++ b/mobile/src/views/event/FavoritesPage.vue
@@ -95,7 +95,7 @@
   import ProvideFeedbackTalkButton from "@/components/talk-card/ProvideFeedbackTalkButton.vue";
   import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
   import {useRoomsStats} from "@/state/useRoomsStats";
-  import ButtonBackTop from "@/components/ui/ButtonBackTop.vue";
+  import ButtonBackTop from "@/components/ui/ButtonBackCurrentSlot.vue";
 
   const { LL } = typesafeI18n()
 
diff --git a/mobile/src/views/event/SchedulePage.vue b/mobile/src/views/event/SchedulePage.vue
index dca113dc..21efc201 100644
--- a/mobile/src/views/event/SchedulePage.vue
+++ b/mobile/src/views/event/SchedulePage.vue
@@ -166,7 +166,7 @@ import {useUserEventTalkNotes} from "@/state/useUserTalkNotes";
 import ProvideFeedbackTalkButton from "@/components/talk-card/ProvideFeedbackTalkButton.vue";
 import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
 import {useRoomsStats} from "@/state/useRoomsStats";
-import ButtonBackTop from "@/components/ui/ButtonBackTop.vue";
+import ButtonBackTop from "@/components/ui/ButtonBackCurrentSlot.vue";
 
 const LOGGER = Logger.named("SchedulePage");