fix: Have an addIcon that adds to both ui and ui-next (#4490)

extensions/default/src/index.ts

@@ -35,6 +35,7 @@ import colorPickerDialog from './utils/colorPickerDialog';
 import promptSaveReport from './utils/promptSaveReport';
 import promptLabelAnnotation from './utils/promptLabelAnnotation';
 import usePatientInfo from './hooks/usePatientInfo';
+import * as utils from './utils';
 
 const defaultExtension: Types.Extensions.Extension = {
   /**
@@ -98,4 +99,5 @@ export {
   promptLabelAnnotation,
   colorPickerDialog,
   usePatientInfo,
+  utils,
 };

extensions/default/src/utils/addIcon.ts

@@ -0,0 +1,8 @@
+import { addIcon as addIconUI } from '@ohif/ui';
+import { Icons } from '@ohif/ui-next';
+
+/** Adds the icon to both ui and ui-next */
+export function addIcon(name, icon) {
+  addIconUI(name, icon);
+  Icons.addIcon(name, icon);
+}

extensions/default/src/utils/index.ts

@@ -0,0 +1 @@
+export { addIcon } from './addIcon';

platform/docs/docs/migration-guide/3p8-to-3p9/2-Renamings.md

@@ -26,3 +26,8 @@ Find and replace
     @ohif/extension-default.panelModule.measurements
   </TabItem>
 </Tabs>
+
+## addIcon from ui
+
+The addIcon from the ui package has had a version added in the default extension as
+`utils.addIcon` which adds to both `ui` and `ui-next`.

platform/ui-next/src/components/Icons/Icons.tsx

@@ -2866,4 +2866,12 @@ export const Icons = {
   'icon-chevron-patient': (props: IconProps) => Icons.ChevronPatient(props),
   info: (props: IconProps) => Icons.Info(props),
   settings: (props: IconProps) => Icons.Settings(props),
+
+  /** Adds an icon to the set of icons */
+  addIcon: (name: string, icon) => {
+    if (Icons[name]) {
+      console.warn('Replacing icon', name);
+    }
+    Icons[name] = icon;
+  },
 };