diff --git a/app/app.js b/app/app.js index 6627733f4..d856b09ea 100644 --- a/app/app.js +++ b/app/app.js @@ -1,5 +1,4 @@ import $ from 'jquery'; -import feather from 'feather-icons'; import { PortainerEndpointTypes } from 'Portainer/models/endpoint/models'; /* @ngInject */ @@ -29,10 +28,6 @@ export function onStartupAngular($rootScope, $state, $interval, LocalStorage, En HttpRequestHelper.resetAgentHeaders(); }); - $transitions.onSuccess({}, () => { - feather.replace(); - }); - // Keep-alive Edge endpoints by sending a ping request every minute $interval(() => { ping(EndpointProvider, SystemService); diff --git a/app/react/components/Icon.tsx b/app/react/components/Icon.tsx index 8413c1410..18b9bfae2 100644 --- a/app/react/components/Icon.tsx +++ b/app/react/components/Icon.tsx @@ -1,6 +1,6 @@ import clsx from 'clsx'; -import { ComponentType, ReactNode, useEffect } from 'react'; -import featherIcons from 'feather-icons'; +import { ComponentType, ReactNode } from 'react'; +import * as featherIcons from 'react-feather'; import { isValidElementType } from 'react-is'; import Svg, { SvgIcons } from './Svg'; @@ -30,12 +30,6 @@ interface Props { } export function Icon({ icon, feather, className, mode, size }: Props) { - useEffect(() => { - if (feather) { - featherIcons.replace(); - } - }, [feather]); - const classes = clsx( className, 'icon', @@ -59,14 +53,12 @@ export function Icon({ icon, feather, className, mode, size }: Props) { } if (feather) { - return ( -