From 4a7bed284724d2779b9aea5dd0e6991a70a006ea Mon Sep 17 00:00:00 2001
From: Robin Lopez <robinlopez.contact@gmail.com>
Date: Wed, 27 Mar 2024 20:52:29 +0100
Subject: [PATCH] #74 (style) - Add float btn for go ticketing

---
 mobile/src/i18n/en/index.ts                      |  1 +
 mobile/src/i18n/i18n-types.ts                    |  8 ++++++++
 mobile/src/views/event/SpeakersDirectoryPage.vue | 12 ++++++++++++
 3 files changed, 21 insertions(+)

diff --git a/mobile/src/i18n/en/index.ts b/mobile/src/i18n/en/index.ts
index 08b60b65..b15d9c34 100644
--- a/mobile/src/i18n/en/index.ts
+++ b/mobile/src/i18n/en/index.ts
@@ -48,6 +48,7 @@ const en = {
 	Talk_details: `Talk details`,
 	Close_talk_details: `Close talk details`,
 	Speakers: `Speakers`,
+	Go_To_Ticketing: `Go to ticketing`,
 	Like_Speaker: `Like speaker`,
 	Big_list_mode: `Big list mode`,
 	Compact_list_mode: `Compact list mode`,
diff --git a/mobile/src/i18n/i18n-types.ts b/mobile/src/i18n/i18n-types.ts
index 5db13813..9700ebb0 100644
--- a/mobile/src/i18n/i18n-types.ts
+++ b/mobile/src/i18n/i18n-types.ts
@@ -203,6 +203,10 @@ type RootTranslation = {
 	 * S​p​e​a​k​e​r​s
 	 */
 	Speakers: string
+	/**
+	 * G​o​ ​t​o​ ​t​i​c​k​e​t​i​n​g
+	 */
+	Go_To_Ticketing: string
 	/**
 	 * L​i​k​e​ ​s​p​e​a​k​e​r
 	 */
@@ -786,6 +790,10 @@ export type TranslationFunctions = {
 	 * Speakers
 	 */
 	Speakers: () => LocalizedString
+	/**
+	 * Go to ticketing
+	 */
+	Go_To_Ticketing: () => LocalizedString
 	/**
 	 * Like speaker
 	 */
diff --git a/mobile/src/views/event/SpeakersDirectoryPage.vue b/mobile/src/views/event/SpeakersDirectoryPage.vue
index 36dafd20..a34e3022 100644
--- a/mobile/src/views/event/SpeakersDirectoryPage.vue
+++ b/mobile/src/views/event/SpeakersDirectoryPage.vue
@@ -16,6 +16,11 @@
       </ion-header>
 
       <SpeakerCard></SpeakerCard>
+      <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+        <ion-fab-button class="btnGoToTicketing" :aria-label="LL.Go_To_Ticketing()">
+          <ion-icon :icon="ticket" aria-hidden="true"></ion-icon>
+        </ion-fab-button>
+      </ion-fab>
       <PoweredVoxxrin></PoweredVoxxrin>
     </ion-content>
   </ion-page>
@@ -29,6 +34,8 @@
   import {useSharedConferenceDescriptor} from "@/state/useConferenceDescriptor";
   import {typesafeI18n} from "@/i18n/i18n-vue";
   import {managedRef as ref} from "@/views/vue-utils";
+  import {IonFab, IonFabButton} from "@ionic/vue";
+  import {ticket} from "ionicons/icons";
   import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
   import SpeakerCard from "@/components/speaker-card/SpeakerCard.vue";
   import ListModeSwitch from "@/components/ui/ListModeSwitch.vue";
@@ -48,4 +55,9 @@
       gap: var(--app-gutters);
     }
   }
+
+  .btnGoToTicketing {
+    --background: var(--voxxrin-event-theme-colors-secondary-hex);
+    --background-activated: var(--voxxrin-event-theme-colors-secondary-hex);
+  }
 </style>