diff --git a/pages/jambonz-ui.js b/pages/jambonz-ui.js
index ef8aa8c..c621e21 100644
--- a/pages/jambonz-ui.js
+++ b/pages/jambonz-ui.js
@@ -17,9 +17,9 @@ export default function JambonzUI({ data }) {
diff --git a/src/components/jambonz-ui.js b/src/components/jambonz-ui.js
index 2e2a6ec..ef55a66 100644
--- a/src/components/jambonz-ui.js
+++ b/src/components/jambonz-ui.js
@@ -175,6 +175,7 @@ export function Button({ children, href, mainStyle = 'fill', subStyle = null, ..
// https://github.com/feathericons/react-feather
export function Icon({ name, mainStyle = 'inline', subStyle = null, ...props }) {
const [Icons, setIcons] = useState({});
+ const svgPlaceholder =
;
// Lazy load react-feather as it's own webpack chunk
useEffect(() => {
@@ -193,21 +194,17 @@ export function Icon({ name, mainStyle = 'inline', subStyle = null, ...props })
classes[`icon--${mainStyle}--${subStyle}`] = true;
}
- if (!Component) {
- return null;
- }
-
// Stylized icon
if (mainStyle !== 'inline') {
return (
-
+ {Component ? : svgPlaceholder}
);
}
// Inline icon
- return
;
+ return Component ?
: svgPlaceholder;
}
export function TextLayout({ data, name }) {