Handle error in previews for files versions

Signed-off-by: Louis Chemineau <louis@chmn.me>
nextcloud · Nov 20, 2023 · 69bb92e · 69bb92e
1 parent 753e7c2
commit 69bb92e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/apps/files_versions/src/components/Version.vue b/apps/files_versions/src/components/Version.vue
@@ -23,15 +23,16 @@
  data-files-versions-version
  @click="click">
  <template #icon>
- <div v-if="!(loadPreview || previewLoaded)" class="version__image" />
+ <div v-if="!(loadPreview || previewLoaded) && !previewErrored" class="version__image" />
  <img v-else-if="isCurrent || version.hasPreview"
  :src="version.previewUrl"
  alt=""
  decoding="async"
  fetchpriority="low"
  loading="lazy"
  class="version__image"
- @load="previewLoaded = true">
+ @load="previewLoaded = true"
+ @error="previewErrored = true">
  <div v-else
  class="version__image">
  <ImageOffOutline :size="20" />
@@ -212,6 +213,7 @@ export default {
  data() {
  return {
  previewLoaded: false,
+ previewErrored: false,
  showVersionLabelForm: false,
  formVersionLabelValue: this.version.label,
  capabilities: loadState('core', 'capabilities', { files: { version_labeling: false, version_deletion: false } }),