Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-25 08:19:40 +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/docker/containers/ItemView/HealthStatus.tsx
View file

@ -1,5 +1,5 @@
import { ComponentProps } from 'react';
import { Server } from 'react-feather';
import { HeartPulse, Server } from 'lucide-react';
import { TableContainer, TableTitle } from '@@/datatables';
import { DetailsTable } from '@@/DetailsTable';
@ -31,7 +31,7 @@ export function HealthStatus({ health }: Props) {
<DetailsTable.Row label="Status">
<div className="vertical-center">
<Icon
icon="fa fa-heartbeat"
icon={HeartPulse}
mode={StatusMode[health.Status]}
className="space-right"
/>

2
app/react/docker/containers/ListView/ContainersDatatable/ContainersDatatable.tsx
View file

@ -1,6 +1,6 @@
import _ from 'lodash';
import { useStore } from 'zustand';
import { Box } from 'react-feather';
import { Box } from 'lucide-react';
import { Environment } from '@/react/portainer/environments/types';
import type { DockerContainer } from '@/react/docker/containers/types';

2
app/react/docker/containers/ListView/ContainersDatatable/ContainersDatatableActions.tsx
View file

@ -7,7 +7,7 @@ import {
Slash,
Square,
Trash2,
} from 'react-feather';
} from 'lucide-react';
import * as notifications from '@/portainer/services/notifications';
import { useAuthorizations, Authorized } from '@/react/hooks/useUser';

5
app/react/docker/containers/ListView/ContainersDatatable/columns/ports.tsx
View file

@ -1,8 +1,11 @@
import { Column } from 'react-table';
import _ from 'lodash';
import { ExternalLink } from 'lucide-react';
import type { DockerContainer, Port } from '@/react/docker/containers/types';
import { Icon } from '@@/Icon';
import { useRowContext } from '../RowContext';
export const ports: Column<DockerContainer> = {
@ -37,7 +40,7 @@ function PortsCell({ value: ports }: Props) {
target="_blank"
rel="noreferrer"
>
<i className="fa fa-external-link-alt" aria-hidden="true" />
<Icon icon={ExternalLink} />
{port.public}:{port.private}
</a>
));

15
app/react/docker/containers/components/ContainerQuickActions/ContainerQuickActions.tsx
View file

@ -1,4 +1,5 @@
import clsx from 'clsx';
import { BarChart, FileText, Info, Paperclip, Terminal } from 'lucide-react';
import { ContainerStatus } from '@/react/docker/containers/types';
import { Authorized } from '@/react/hooks/useUser';
@ -51,7 +52,7 @@ export function ContainerQuickActions({
params={{ id: containerId, nodeName }}
title="Logs"
>
<Icon icon="file-text" feather className="space-right" />
<Icon icon={FileText} className="space-right" />
</Link>
</Authorized>
)}
@ -63,7 +64,7 @@ export function ContainerQuickActions({
params={{ id: containerId, nodeName }}
title="Inspect"
>
<Icon icon="info" feather className="space-right" />
<Icon icon={Info} className="space-right" />
</Link>
</Authorized>
)}
@ -75,7 +76,7 @@ export function ContainerQuickActions({
params={{ id: containerId, nodeName }}
title="Stats"
>
<Icon icon="bar-chart" feather className="space-right" />
<Icon icon={BarChart} className="space-right" />
</Link>
</Authorized>
)}
@ -87,7 +88,7 @@ export function ContainerQuickActions({
params={{ id: containerId, nodeName }}
title="Exec Console"
>
<Icon icon="terminal" feather className="space-right" />
<Icon icon={Terminal} className="space-right" />
</Link>
</Authorized>
)}
@ -99,7 +100,7 @@ export function ContainerQuickActions({
params={{ id: containerId, nodeName }}
title="Attach Console"
>
<Icon icon="paperclip" feather className="space-right" />
<Icon icon={Paperclip} className="space-right" />
</Link>
</Authorized>
)}
@ -122,7 +123,7 @@ function TaskQuickActions({ taskId, state }: TaskProps) {
params={{ id: taskId }}
title="Logs"
>
<Icon icon="file-text" feather className="space-right" />
<Icon icon={FileText} className="space-right" />
</Link>
</Authorized>
)}
@ -130,7 +131,7 @@ function TaskQuickActions({ taskId, state }: TaskProps) {
{state.showQuickActionInspect && (
<Authorized authorizations="DockerTaskInspect">
<Link to="docker.tasks.task" params={{ id: taskId }} title="Inspect">
<Icon icon="info" feather className="space-right" />
<Icon icon={Info} className="space-right" />
</Link>
</Authorized>
)}