upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-15 22:11:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

fix: made author-icon smaller and added try-catch

Browse source 
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
This commit is contained in:
Eduardo Morales 2024-03-14 16:03:06 -05:00
parent e03c74a61c
commit 4bfbcad4d6
1 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
apps/files_versions/src/components/Version.vue
View file

@ -17,7 +17,6 @@
-->
<template>
<NcListItem class="version"
:name="versionLabel"
:force-display-actions="true"
:data-files-versions-version="version.fileVersion"
@click="click">
@ -43,26 +42,26 @@
<template #name>
<div class="version__info">
<div v-if="versionLabel" class="version__info__label">{{ versionLabel }}</div>
<div v-if="versionAuthor" class="version__info version__info__author">
<div>•</div>
<div>{{ versionAuthor }}</div>
<div v-if="versionAuthor" class="version__info">
<div v-if="versionLabel">•</div>
<NcAvatar class="avatar"
:user="version.author"
:size="24"
:size="16"
:disable-menu="true"
:disable-tooltip="true"
:show-user-status="false" />
<div>{{ versionAuthor }}</div>
</div>
</div>
</template>
<!-- Version file size as subline -->
<template #subname>
<div class="version__info">
<div class="version__info version__info__subline">
<span :title="formattedDate">{{ version.mtime | humanDateFromNow }}</span>
<!-- Separate dot to improve alignement -->
<span class="version__info__size">•</span>
<span class="version__info__size">{{ version.size | humanReadableSize }}</span>
<span>•</span>
<span>{{ version.size | humanReadableSize }}</span>
</div>
</template>
@ -307,8 +306,13 @@ export default defineComponent({
async fetchDisplayName() {
// check to make sure that we have a valid author - in case database did not migrate, null author, etc.
if (this.version.author) {
const { data } = await axios.get(generateOcsUrl(`/cloud/users/${this.version.author}`))
this.versionAuthor = data.ocs.data.displayname
try {
const { data } = await axios.get(generateOcsUrl(`/cloud/users/${this.version.author}`))
this.versionAuthor = data.ocs.data.displayname
} catch (e) {
// Promise got rejected - default to null author to not try to load author profile
this.versionAuthor = null
}
}
},
@ -342,15 +346,16 @@ export default defineComponent({
flex-direction: row;
align-items: center;
gap: 0.5rem;
color: var(--color-main-text);
font-weight: 500;
&__label {
font-weight: 700;
}
&__size, &__author {
color: var(--color-text-lighter);
font-weight: 500;
}
&__subline {
color: var(--color-text-maxcontrast)
}
}
&__image {