MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(front): Libraries on profile detail

This commit is contained in:
ArneBo 2025-01-29 22:28:10 +01:00
parent 29cde0f864
commit 5e986e9fec
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
front/src/components/federation/LibraryWidget.vue
View File

@ -9,6 +9,9 @@ import axios from 'axios'
import LibraryCard from '~/views/content/remote/Card.vue' import LibraryCard from '~/views/content/remote/Card.vue'
import Button from '~/components/ui/Button.vue' import Button from '~/components/ui/Button.vue'
import Layout from '~/components/ui/Layout.vue'
import Loader from '~/components/ui/Loader.vue'
import Spacer from '~/components/ui/Spacer.vue'
import useErrorHandler from '~/composables/useErrorHandler' import useErrorHandler from '~/composables/useErrorHandler'
@ -73,13 +76,8 @@ fetchData()
{{ t('components.federation.LibraryWidget.empty.noMatch') }} {{ t('components.federation.LibraryWidget.empty.noMatch') }}
</p> </p>
<div class="ui hidden divider" /> <div class="ui hidden divider" />
<div class="ui cards"> <Layout flex>
<div <Loader v-if="isLoading" />
v-if="isLoading"
class="ui inverted active dimmer"
>
<div class="ui loader" />
</div>
<library-card <library-card
v-for="library in libraries" v-for="library in libraries"
:key="library.uuid" :key="library.uuid"
@ -88,11 +86,12 @@ fetchData()
:initial-library="library" :initial-library="library"
:display-copy-fid="true" :display-copy-fid="true"
/> />
</div> </Layout>
<template v-if="nextPage"> <template v-if="nextPage">
<div class="ui hidden divider" /> <Spacer />
<Button <Button
v-if="nextPage" v-if="nextPage"
primary
@click="fetchData(nextPage)" @click="fetchData(nextPage)"
> >
{{ t('components.federation.LibraryWidget.button.showMore') }} {{ t('components.federation.LibraryWidget.button.showMore') }}