From abe2bbbb3e77a5bb40c16e00789cc59d13b8637e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@proton.me>
Date: Sun, 12 Nov 2023 21:22:35 +0100
Subject: [PATCH] feat(front): add fw button to shortcuts modal

---
 front/src/components/ShortcutsModal.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/front/src/components/ShortcutsModal.vue b/front/src/components/ShortcutsModal.vue
index 4de9ff8e4..644e59684 100644
--- a/front/src/components/ShortcutsModal.vue
+++ b/front/src/components/ShortcutsModal.vue
@@ -4,6 +4,8 @@ import { useVModel } from '@vueuse/core'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
+import { FwButton } from '@funkwhale/ui'
+
 interface Events {
   (e: 'update:show', show: boolean): void
 }
@@ -153,9 +155,12 @@ const player = computed(() => [
       </div>
     </section>
     <footer class="actions">
-      <button class="ui basic cancel button">
+      <fw-button
+        color="secondary"
+        @click="showRef = !showRef"
+      >
         {{ $t('components.ShortcutsModal.button.close') }}
-      </button>
+      </fw-button>
     </footer>
   </semantic-modal>
 </template>