Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 20:35:25 +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

3
app/react/azure/container-instances/CreateView/CreateContainerInstanceForm.tsx
View file

@ -1,5 +1,6 @@
import { Field, Form, Formik } from 'formik';
import { useRouter } from '@uirouter/react';
import { Plus } from 'lucide-react';
import { ContainerInstanceFormValues } from '@/react/azure/types';
import * as notifications from '@/portainer/services/notifications';
@ -194,8 +195,8 @@ export function CreateContainerInstanceForm() {
disabled={!isValid}
isLoading={isSubmitting}
loadingText="Deployment in progress..."
icon={Plus}
>
<i className="fa fa-plus space-right" aria-hidden="true" />
Deploy the container
</LoadingButton>
</div>

4
app/react/azure/container-instances/CreateView/PortsMappingField.tsx
View file

@ -1,10 +1,12 @@
import { FormikErrors } from 'formik';
import { ArrowRight } from 'lucide-react';
import { ButtonSelector } from '@@/form-components/ButtonSelector/ButtonSelector';
import { FormError } from '@@/form-components/FormError';
import { InputGroup } from '@@/form-components/InputGroup';
import { InputList } from '@@/form-components/InputList';
import { ItemProps } from '@@/form-components/InputList/InputList';
import { Icon } from '@@/Icon';
import styles from './PortsMappingField.module.css';
@ -82,7 +84,7 @@ function Item({
</InputGroup>
<span className="mx-3">
<i className="fa fa-long-arrow-alt-right" aria-hidden="true" />
<Icon icon={ArrowRight} />
</span>
<InputGroup size="small">

2
app/react/azure/container-instances/ListView/ContainersDatatable.tsx
View file

@ -1,4 +1,4 @@
import { Box, Plus, Trash2 } from 'react-feather';
import { Box, Plus, Trash2 } from 'lucide-react';
import { useStore } from 'zustand';
import { ContainerGroup } from '@/react/azure/types';

7
app/react/azure/container-instances/ListView/columns/ports.tsx
View file

@ -1,8 +1,11 @@
import { CellProps, Column } from 'react-table';
import { ExternalLink } from 'lucide-react';
import { ContainerGroup } from '@/react/azure/types';
import { getPorts } from '@/react/azure/utils';
import { Icon } from '@@/Icon';
export const ports: Column<ContainerGroup> = {
Header: 'Published Ports',
accessor: (container) => getPorts(container),
@ -26,8 +29,8 @@ function PortsCell({
return ports.map((port) => (
<a className="image-tag" href={`http://${ip}:${port.host}`} key={port.host}>
<i className="fa fa-external-link-alt" aria-hidden="true" /> {ip}:
{port.host}
<Icon icon={ExternalLink} className="mr-1" />
{ip}:{port.host}
</a>
));
}