fix(components): use base tag href if defined for post-icon (#4069) (#…

…4128)
swisspost · Dec 5, 2024 · ad92ead · ad92ead
1 parent 57fd1b5
commit ad92ead
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/sharp-bobcats-grab.md b/.changeset/sharp-bobcats-grab.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Made `post-icon` component use base tag href to define location of icons folder.
diff --git a/packages/components/src/components/post-icon/post-icon.tsx b/packages/components/src/components/post-icon/post-icon.tsx
@@ -131,7 +131,8 @@ export class PostIcon {
         .querySelector('meta[name="design-system-settings"][data-post-icon-base]')
         ?.getAttribute('data-post-icon-base') ?? null;
 
-    const fileBase = `${this.base ?? metaBase ?? CDN_URL}/`.replace(/\/\/$/, '/');
+    const baseHref = document.getElementsByTagName('base')[0]?.href;
+    const fileBase = `${this.base ?? metaBase ?? baseHref ?? CDN_URL}/`.replace(/\/\/$/, '/');
     const fileName = `${this.name}.svg`;
     const filePath = `${fileBase}${fileName}`;