Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-22 23:09: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

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>