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:
parent
9dfac98a26
commit
d78b762f7b
498 changed files with 2102 additions and 2817 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue