feat(front): add fw button to content view
This commit is contained in:
parent
a5bc44c66a
commit
5f80754b63
|
@ -4,6 +4,8 @@ import { useI18n } from 'vue-i18n'
|
||||||
import { computed } from 'vue'
|
import { computed } from 'vue'
|
||||||
import { useStore } from '~/store'
|
import { useStore } from '~/store'
|
||||||
|
|
||||||
|
import { FwButton } from '@funkwhale/ui'
|
||||||
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
|
|
||||||
const labels = computed(() => ({
|
const labels = computed(() => ({
|
||||||
|
@ -33,12 +35,12 @@ const defaultQuota = computed(() => humanSize(quota.value * 1e6))
|
||||||
<p>
|
<p>
|
||||||
{{ $t('views.content.Home.description.channel.1') }} {{ $t('views.content.Home.description.channel.2') }}
|
{{ $t('views.content.Home.description.channel.1') }} {{ $t('views.content.Home.description.channel.2') }}
|
||||||
</p>
|
</p>
|
||||||
<router-link
|
<fw-button
|
||||||
:to="{name: 'profile.overview', params: {username: store.state.auth.username}, hash: '#channels'}"
|
color="primary"
|
||||||
class="ui primary button"
|
@click="$router.push({name: 'profile.overview', params: {username: store.state.auth.username}, hash: '#channels'})"
|
||||||
>
|
>
|
||||||
{{ $t('views.content.Home.button.start') }}
|
{{ $t('views.content.Home.button.start') }}
|
||||||
</router-link>
|
</fw-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui segment">
|
<div class="ui segment">
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -48,12 +50,12 @@ const defaultQuota = computed(() => humanSize(quota.value * 1e6))
|
||||||
<p>
|
<p>
|
||||||
{{ $t('views.content.Home.description.upload') }}
|
{{ $t('views.content.Home.description.upload') }}
|
||||||
</p>
|
</p>
|
||||||
<router-link
|
<fw-button
|
||||||
:to="{name: 'content.libraries.index'}"
|
color="primary"
|
||||||
class="ui primary button"
|
@click="$router.push({name: 'content.libraries.index'})"
|
||||||
>
|
>
|
||||||
{{ $t('views.content.Home.button.start') }}
|
{{ $t('views.content.Home.button.start') }}
|
||||||
</router-link>
|
</fw-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui segment">
|
<div class="ui segment">
|
||||||
<h2>
|
<h2>
|
||||||
|
@ -63,12 +65,12 @@ const defaultQuota = computed(() => humanSize(quota.value * 1e6))
|
||||||
<p>
|
<p>
|
||||||
{{ $t('views.content.Home.description.follow') }}
|
{{ $t('views.content.Home.description.follow') }}
|
||||||
</p>
|
</p>
|
||||||
<router-link
|
<fw-button
|
||||||
:to="{name: 'content.remote.index'}"
|
color="primary"
|
||||||
class="ui primary button"
|
@click="$router.push({name: 'content.remote.index'})"
|
||||||
>
|
>
|
||||||
{{ $t('views.content.Home.button.start') }}
|
{{ $t('views.content.Home.button.start') }}
|
||||||
</router-link>
|
</fw-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in New Issue