empty-content: add icon for albums

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/672/head
Varun Patil 2023-05-23 21:01:28 -07:00
parent 0bd0c9cb37
commit e69422b37a
1 changed files with 7 additions and 0 deletions

View File

@ -3,6 +3,7 @@
<template #icon> <template #icon>
<PeopleIcon v-if="routeIsPeople" /> <PeopleIcon v-if="routeIsPeople" />
<ArchiveIcon v-else-if="routeIsArchive" /> <ArchiveIcon v-else-if="routeIsArchive" />
<AlbumIcon v-else-if="routeIsAlbums" />
<ImageMultipleIcon v-else /> <ImageMultipleIcon v-else />
</template> </template>
</NcEmptyContent> </NcEmptyContent>
@ -16,6 +17,7 @@ import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent';
import PeopleIcon from 'vue-material-design-icons/AccountMultiple.vue'; import PeopleIcon from 'vue-material-design-icons/AccountMultiple.vue';
import ImageMultipleIcon from 'vue-material-design-icons/ImageMultiple.vue'; import ImageMultipleIcon from 'vue-material-design-icons/ImageMultiple.vue';
import ArchiveIcon from 'vue-material-design-icons/PackageDown.vue'; import ArchiveIcon from 'vue-material-design-icons/PackageDown.vue';
import AlbumIcon from 'vue-material-design-icons/ImageAlbum.vue';
import * as strings from '../../services/strings'; import * as strings from '../../services/strings';
@ -28,6 +30,7 @@ export default defineComponent({
PeopleIcon, PeopleIcon,
ArchiveIcon, ArchiveIcon,
ImageMultipleIcon, ImageMultipleIcon,
AlbumIcon,
}, },
computed: { computed: {
@ -42,6 +45,10 @@ export default defineComponent({
routeIsArchive(): boolean { routeIsArchive(): boolean {
return this.$route.name === 'archive'; return this.$route.name === 'archive';
}, },
routeIsAlbums(): boolean {
return this.$route.name === 'albums';
},
}, },
}); });
</script> </script>