diff --git a/src/frontend/src/components/items/ApiIcon.tsx b/src/frontend/src/components/items/ApiIcon.tsx index d820099919..f480516d50 100644 --- a/src/frontend/src/components/items/ApiIcon.tsx +++ b/src/frontend/src/components/items/ApiIcon.tsx @@ -11,8 +11,13 @@ export const ApiIcon = ({ name: _name, size = 22 }: ApiIconProps) => { const icon = useIconState( (s) => s.packagesMap[iconPackage]?.icons[name]?.variants[variant] ); + const unicode = icon ? String.fromCodePoint(Number.parseInt(icon, 16)) : ''; + if (!unicode) { + console.warn(`ApiIcon not found: ${_name}`); + } + return ( { return ( pluginData?.map((props: PluginUIFeature) => { - const iconName: string = props?.icon || 'plugin'; + const iconName: string = props?.icon || 'ti:plug:outline'; const identifier = identifierString( `${props.plugin_name}-${props.key}` ); @@ -102,7 +102,7 @@ export function usePluginPanels({ return { name: identifier, label: props.title, - icon: , + icon: , content: (