@cccsaurora/howler-ui 2.17.0-dev.557 → 2.17.0-dev.559

package/components/elements/hit/related/RelatedIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getIcon, Icon } from '@iconify/react';
+import { Icon } from '@iconify/react';
 import Avatar from '@mui/material/Avatar';
 import { useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
@@ -10,23 +10,27 @@ const RelatedIcon = ({ icon, title, href, compact = false }) => {
     if (!icon) {
         return null;
     }
-    if (getIcon(icon)) {
-        return _jsx(Icon, { fontSize: "1.5rem", icon: icon });
-    }
+    let avatarImage = null;
     const app = config.configuration.ui.apps.find(a => a.name.toLowerCase() === icon?.toLowerCase());
     if (app) {
         // use the image link for the configured related application instead
-        icon = app[`img_${isDark ? 'd' : 'l'}`];
+        avatarImage = app[`img_${isDark ? 'd' : 'l'}`];
+    }
+    else if (icon.startsWith('http')) {
+        avatarImage = icon;
+    }
+    if (avatarImage) {
+        return (_jsx(Avatar, { variant: "rounded", alt: title ?? href, src: avatarImage, sx: [
+                theme => ({
+                    width: theme.spacing(compact ? 4 : 6),
+                    height: theme.spacing(compact ? 4 : 6),
+                    '& img': {
+                        objectFit: 'contain'
+                    }
+                }),
+                !avatarImage && { backgroundColor: 'transparent' }
+            ], children: avatarImage }));
     }
-    return (_jsx(Avatar, { variant: "rounded", alt: title ?? href, src: icon, sx: [
-            theme => ({
-                width: theme.spacing(compact ? 4 : 6),
-                height: theme.spacing(compact ? 4 : 6),
-                '& img': {
-                    objectFit: 'contain'
-                }
-            }),
-            !icon && { backgroundColor: 'transparent' }
-        ], children: icon }));
+    return _jsx(Icon, { fontSize: "1.5rem", icon: icon });
 };
 export default RelatedIcon;

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.17.0-dev.557",
+  "version": "2.17.0-dev.559",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",