Fix missing space image in sidebar

changelog/unreleased/bugfix-space-image-sidebar

@@ -0,0 +1,6 @@
+Bugfix: Missing space image in sidebar
+
+We've fixed a bug where the image of a space was not showing in the sidebar.
+
+https://github.com/owncloud/web/issues/7480
+https://github.com/owncloud/web/pull/7481

packages/web-app-files/src/components/SideBar/Details/SpaceDetails.vue

@@ -75,6 +75,7 @@ import { ImageDimension } from '../../../constants'
 import { useAccessToken, useStore } from 'web-pkg/src/composables'
 import SpaceQuota from '../../SpaceQuota.vue'
 import { formatDateFromISO } from 'web-pkg/src/helpers'
+import { configurationManager } from 'web-pkg/src/configuration'
 
 export default defineComponent({
   name: 'SpaceDetails',
@@ -91,21 +92,25 @@ export default defineComponent({
         return
       }
 
-      const webDavPathComponents = ref.space.spaceImageData.webDavUrl.split('/')
+      const webDavPathComponents = decodeURI(ref.space.spaceImageData.webDavUrl).split('/')
+      const idComponent = webDavPathComponents.find((c) => c.startsWith(ref.space.id))
+      if (!idComponent) {
+        return
+      }
       const path = webDavPathComponents
-        .slice(webDavPathComponents.indexOf(ref.space.id) + 1)
+        .slice(webDavPathComponents.indexOf(idComponent) + 1)
         .join('/')
 
       const fileInfo = yield ref.$client.files.fileInfo(
-        buildWebDavSpacesPath(ref.space.id, decodeURIComponent(path))
+        buildWebDavSpacesPath(idComponent, decodeURIComponent(path))
       )
       const resource = buildResource(fileInfo)
 
       spaceImage.value = yield loadPreview({
         resource,
         isPublic: false,
         dimensions: ImageDimension.Preview,
-        server: ref.configuration.server,
+        server: configurationManager.serverUrl,
         userId: ref.user.id,
         token: unref(accessToken)
       })