From d83330256b6c9361ac35ade48d194e88ed5d0035 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 22 Nov 2023 14:08:32 +0100
Subject: [PATCH] customLogo: fallback to yunohost default logo if api is down

---
 components/CustomLogo.vue | 44 ++++++++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/components/CustomLogo.vue b/components/CustomLogo.vue
index dd431e5..98d1f21 100644
--- a/components/CustomLogo.vue
+++ b/components/CustomLogo.vue
@@ -1,23 +1,33 @@
 <script setup lang="ts">
-const settings = await useSettings()
-const customLogo = computed(() => {
-  const logo = settings.value.portal_logo
-  if (!logo) return {}
+type CustomLogo = Partial<Record<'is' | 'content', string>>
+let customLogo: Ref<CustomLogo> | ComputedRef<CustomLogo>
 
-  const [mimetype, base64Content] = logo.split(':')
-  if (mimetype === 'image/svg+xml') {
-    // Will render as inline SVG so that CSS "currentColor" can cascade to it
-    return {
-      is: 'svg',
-      content: atob(base64Content),
+try {
+  const settings = await useSettings()
+
+  customLogo = computed(() => {
+    const logo = settings.value.portal_logo
+
+    if (!logo) return {}
+
+    const [mimetype, base64Content] = logo.split(':')
+    if (mimetype === 'image/svg+xml') {
+      // Will render as inline SVG so that CSS "currentColor" can cascade to it
+      return {
+        is: 'svg',
+        content: atob(base64Content),
+      }
+    } else {
+      return {
+        is: 'img',
+        content: `data:${mimetype};base64, ${base64Content}`,
+      }
     }
-  } else {
-    return {
-      is: 'img',
-      content: `data:${mimetype};base64, ${base64Content}`,
-    }
-  }
-})
+  })
+} catch (error) {
+  // If `yunohost-portal-api` is down we can't get settings
+  customLogo = ref({})
+}
 </script>
 
 <template>