From 80993a0444c7dc42f2fe2ce85784c4e000b7e9d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@proton.me>
Date: Sun, 12 Nov 2023 20:46:24 +0100
Subject: [PATCH] feat(front): Add FW button to channelswidget

---
 front/src/components/audio/ChannelsWidget.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/front/src/components/audio/ChannelsWidget.vue b/front/src/components/audio/ChannelsWidget.vue
index 9f118ba84..c971568fa 100644
--- a/front/src/components/audio/ChannelsWidget.vue
+++ b/front/src/components/audio/ChannelsWidget.vue
@@ -6,6 +6,8 @@ import { clone } from 'lodash-es'
 
 import axios from 'axios'
 
+import { FwButton } from '@funkwhale/ui'
+
 import ChannelCard from '~/components/audio/ChannelCard.vue'
 
 interface Events {
@@ -72,13 +74,14 @@ fetchData()
     </div>
     <template v-if="nextPage">
       <div class="ui hidden divider" />
-      <button
+      <fw-button
         v-if="nextPage"
-        :class="['ui', 'basic', 'button']"
+        outline
+        color="secondary"
         @click="fetchData(nextPage)"
       >
         {{ $t('components.audio.ChannelsWidget.button.showMore') }}
-      </button>
+      </fw-button>
     </template>
     <template v-if="!isLoading && channels.length === 0">
       <empty-state