Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

4
app/react/components/PageHeader/ContextHelp/ContextHelp.tsx
View file

@ -1,4 +1,4 @@
import { HelpCircle } from 'react-feather';
import { HelpCircle } from 'lucide-react';
import clsx from 'clsx';
import { getDocURL } from '@@/PageHeader/ContextHelp/docURLs';
@ -24,7 +24,7 @@ export function ContextHelp() {
)}
title="Help"
>
<HelpCircle className="feather" onClick={onHelpClick} />
<HelpCircle className="lucide" onClick={onHelpClick} />
</div>
</div>
);

14
app/react/components/PageHeader/NotificationsMenu.tsx
View file

@ -9,6 +9,7 @@ import { UISrefProps, useSref } from '@uirouter/react';
import Moment from 'moment';
import { useEffect, useState } from 'react';
import { useStore } from 'zustand';
import { AlertCircle, Bell, CheckCircle, Trash2 } from 'lucide-react';
import { AutomationTestingProps } from '@/types';
import { useUser } from '@/react/hooks/useUser';
@ -69,7 +70,7 @@ export function NotificationsMenu() {
'th-dark:text-gray-warm-7'
)}
>
<Icon icon="bell" feather />
<Icon icon={Bell} />
<span className={badge ? notificationStyles.badge : ''} />
</div>
</MenuButton>
@ -126,7 +127,7 @@ export function NotificationsMenu() {
</>
) : (
<div className="flex flex-col items-center">
<Icon icon="bell" feather size="xl" />
<Icon icon={Bell} size="xl" />
<p className="my-5">You have no notifications yet.</p>
</div>
)}
@ -160,9 +161,9 @@ function MenuLink({ to, params, notification, onDelete }: MenuLinkProps) {
<div className={notificationStyles.container}>
<div className={notificationStyles.notificationIcon}>
{notification.type === 'success' ? (
<Icon icon="check-circle" feather size="lg" mode="success" />
<Icon icon={CheckCircle} size="lg" mode="success" />
) : (
<Icon icon="alert-circle" feather size="lg" mode="danger" />
<Icon icon={AlertCircle} size="lg" mode="danger" />
)}
</div>
<div className={notificationStyles.notificationBody}>
@ -186,9 +187,8 @@ function MenuLink({ to, params, notification, onDelete }: MenuLinkProps) {
}}
data-cy="notification-deleteButton"
size="large"
>
<Icon icon="trash-2" feather />
</Button>
icon={Trash2}
/>
</div>
</div>
</ReachMenuLink>

2
app/react/components/PageHeader/PageHeader.tsx
View file

@ -1,5 +1,5 @@
import { useRouter } from '@uirouter/react';
import { RefreshCw } from 'react-feather';
import { RefreshCw } from 'lucide-react';
import { Button } from '../buttons';

4
app/react/components/PageHeader/UserMenu.tsx
View file

@ -6,7 +6,7 @@ import {
} from '@reach/menu-button';
import { UISrefProps, useSref } from '@uirouter/react';
import clsx from 'clsx';
import { User, ChevronDown } from 'react-feather';
import { User, ChevronDown } from 'lucide-react';
import { AutomationTestingProps } from '@/types';
import { useUser } from '@/react/hooks/useUser';
@ -34,7 +34,7 @@ export function UserMenu() {
'th-dark:text-gray-warm-7'
)}
>
<User className="feather" />
<User className="lucide" />
</div>
{user && <span>{user.Username}</span>}
<ChevronDown className={styles.arrowDown} />