1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-25 08:19:40 +02:00

refactor(icons): replace fa icons [EE-4459] (#7907)

refactor(icons): remove fontawesome EE-4459

refactor(icon) replace feather with lucide EE-4472
This commit is contained in:
Ali 2022-11-28 15:00:28 +13:00 committed by GitHub
parent 9dfac98a26
commit d78b762f7b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
498 changed files with 2102 additions and 2817 deletions

View file

@ -1,4 +1,6 @@
import { ReactNode } from 'react';
import type { Meta } from '@storybook/react';
import { User } from 'lucide-react';
import { Widget } from './Widget';
import { WidgetBody } from './WidgetBody';
@ -9,7 +11,7 @@ import { WidgetTaskbar } from './WidgetTaskbar';
interface WidgetProps {
loading: boolean;
title: string;
icon: string;
icon: ReactNode;
bodyText: string;
footerText: string;
}
@ -20,7 +22,7 @@ const meta: Meta<WidgetProps> = {
args: {
loading: false,
title: 'Title',
icon: 'fa-rocket',
icon: User,
bodyText: 'Body',
footerText: 'Footer',
},
@ -52,11 +54,15 @@ function WidgetWithCustomImage({
<WidgetTitle
title={title}
icon={
<img
className="custom-header-ico space-right"
src={icon}
alt="header-icon"
/>
typeof icon === 'string' ? (
<img
className="custom-header-ico space-right"
src={icon}
alt="header-icon"
/>
) : (
icon
)
}
/>
<WidgetBody loading={loading}>{bodyText}</WidgetBody>

View file

@ -8,7 +8,6 @@ import { useWidgetContext } from './Widget';
interface Props {
title: ReactNode;
icon: ReactNode;
featherIcon?: boolean;
className?: string;
}
@ -17,7 +16,6 @@ export function WidgetTitle({
icon,
className,
children,
featherIcon,
}: PropsWithChildren<Props>) {
useWidgetContext();
@ -26,11 +24,7 @@ export function WidgetTitle({
<div className="row">
<span className={clsx('pull-left vertical-center', className)}>
<div className="widget-icon">
<Icon
icon={icon}
feather={featherIcon}
className="space-right feather"
/>
<Icon icon={icon} className="space-right" />
</div>
<span>{title}</span>
</span>