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

---
 front/src/views/content/Home.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/front/src/views/content/Home.vue b/front/src/views/content/Home.vue
index 1200bdebb..0ea9a4918 100644
--- a/front/src/views/content/Home.vue
+++ b/front/src/views/content/Home.vue
@@ -4,6 +4,8 @@ import { useI18n } from 'vue-i18n'
 import { computed } from 'vue'
 import { useStore } from '~/store'
 
+import { FwButton } from '@funkwhale/ui'
+
 const { t } = useI18n()
 
 const labels = computed(() => ({
@@ -33,12 +35,12 @@ const defaultQuota = computed(() => humanSize(quota.value * 1e6))
         <p>
           {{ $t('views.content.Home.description.channel.1') }}&#32;{{ $t('views.content.Home.description.channel.2') }}
         </p>
-        <router-link
-          :to="{name: 'profile.overview', params: {username: store.state.auth.username}, hash: '#channels'}"
-          class="ui primary button"
+        <fw-button
+          color="primary"
+          @click="$router.push({name: 'profile.overview', params: {username: store.state.auth.username}, hash: '#channels'})"
         >
           {{ $t('views.content.Home.button.start') }}
-        </router-link>
+        </fw-button>
       </div>
       <div class="ui segment">
         <h2>
@@ -48,12 +50,12 @@ const defaultQuota = computed(() => humanSize(quota.value * 1e6))
         <p>
           {{ $t('views.content.Home.description.upload') }}
         </p>
-        <router-link
-          :to="{name: 'content.libraries.index'}"
-          class="ui primary button"
+        <fw-button
+          color="primary"
+          @click="$router.push({name: 'content.libraries.index'})"
         >
           {{ $t('views.content.Home.button.start') }}
-        </router-link>
+        </fw-button>
       </div>
       <div class="ui segment">
         <h2>
@@ -63,12 +65,12 @@ const defaultQuota = computed(() => humanSize(quota.value * 1e6))
         <p>
           {{ $t('views.content.Home.description.follow') }}
         </p>
-        <router-link
-          :to="{name: 'content.remote.index'}"
-          class="ui primary button"
+        <fw-button
+          color="primary"
+          @click="$router.push({name: 'content.remote.index'})"
         >
           {{ $t('views.content.Home.button.start') }}
-        </router-link>
+        </fw-button>
       </div>
     </div>
   </section>