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 }) {
Jambonz UI
 
-
+

font
-
Objectivity (free, large family—16 styles)
+
Objectivity (os, large family—16 styles)
@@ -38,7 +38,7 @@ export default function JambonzUI({ data }) {
 
icons
-
Feather (free, large set—286 icons)
+
Feather (os, large set—286 icons)
@@ -55,7 +55,7 @@ export default function JambonzUI({ data }) {
-

+ {/* Show black background style */} @@ -109,7 +109,7 @@ export default function JambonzUI({ data }) { {pageData.text}
- + jambonz node-red screenshot
@@ -127,7 +127,7 @@ export default function JambonzUI({ data }) {
- + drachtio
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 }) {