fix: use simple IconComponent type

dweber019 · Oct 24, 2024 · eda3051 · eda3051
1 parent aa4048f
commit eda3051
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/.changeset/wild-dots-retire.md b/.changeset/wild-dots-retire.md
@@ -0,0 +1,5 @@
+---
+'@dweber019/backstage-plugin-simple-icons': patch
+---
+
+Use simple IconComponent type without the AppIcons type.
diff --git a/plugins/simple-icons/src/simpleIcons.tsx b/plugins/simple-icons/src/simpleIcons.tsx
@@ -1,8 +1,8 @@
 import { SvgIcon, SvgIconProps } from '@material-ui/core';
 import type { SimpleIcon } from 'simple-icons';
-import { OptionalAppOptions } from '@backstage/app-defaults';
 import * as icons from 'simple-icons';
 import React from 'react';
+import { IconComponent } from '@backstage/core-plugin-api';
 
 export const createIcon = (icon: SimpleIcon, color = true, props?: SvgIconProps) => {
   const SimpleIcon: React.FC<SvgIconProps> = (iconProps) => {
@@ -19,13 +19,17 @@ export const createIcon = (icon: SimpleIcon, color = true, props?: SvgIconProps)
   return () => {return <SimpleIcon {...defaultProps} />};
 };
 
-export const simpleIcons: OptionalAppOptions['icons'] =
+export const simpleIcons: {
+  [key in string]: IconComponent;
+} =
   Object.keys(icons).map(key => {
     const icon = (icons as any)[key] as SimpleIcon;
     return { [icon.slug]: createIcon(icon, false), }
   }).reduce((previous, current) => ({ ...previous, ...current }));
 
-export const simpleIconsColor: OptionalAppOptions['icons'] =
+export const simpleIconsColor: {
+  [key in string]: IconComponent;
+} =
   Object.keys(icons).map(key => {
     const icon = (icons as any)[key] as SimpleIcon;
     return { [icon.slug]: createIcon(icon), }