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

56
app/react/components/buttons/ButtonGroup.stories.tsx
View file

@ -1,5 +1,6 @@
import { Meta, Story } from '@storybook/react';
import { PropsWithChildren } from 'react';
import { Play, RefreshCw, Square, Trash2 } from 'lucide-react';
import { Button } from './Button';
import { ButtonGroup, Props } from './ButtonGroup';
@ -14,28 +15,19 @@ function Template({
}: JSX.IntrinsicAttributes & PropsWithChildren<Props>) {
return (
<ButtonGroup size={size}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" onClick={() => {}}>
Start
</Button>
<Button color="danger" onClick={() => {}}>
<i className="fa fa-stop space-right" aria-hidden="true" />
<Button icon={Square} color="danger" onClick={() => {}}>
Stop
</Button>
<Button color="danger" onClick={() => {}}>
<i className="fa fa-bomb space-right" aria-hidden="true" />
Kill
</Button>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-sync space-right" aria-hidden="true" />
<Button icon={RefreshCw} color="primary" onClick={() => {}}>
Restart
</Button>
<Button color="primary" disabled onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" disabled onClick={() => {}}>
Resume
</Button>
<Button color="danger" onClick={() => {}}>
<i className="fa fa-trash-alt space-right" aria-hidden="true" />
<Button icon={Trash2} color="danger" onClick={() => {}}>
Remove
</Button>
</ButtonGroup>
@ -50,20 +42,16 @@ Primary.args = {
export function Xsmall() {
return (
<ButtonGroup size="xsmall">
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" onClick={() => {}}>
Start
</Button>
<Button color="danger" onClick={() => {}}>
<i className="fa fa-stop space-right" aria-hidden="true" />
<Button icon={Square} color="danger" onClick={() => {}}>
Stop
</Button>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" onClick={() => {}}>
Start
</Button>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-sync space-right" aria-hidden="true" />
<Button icon={RefreshCw} color="primary" onClick={() => {}}>
Restart
</Button>
</ButtonGroup>
@ -73,20 +61,16 @@ export function Xsmall() {
export function Small() {
return (
<ButtonGroup size="small">
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" onClick={() => {}}>
Start
</Button>
<Button color="danger" onClick={() => {}}>
<i className="fa fa-stop space-right" aria-hidden="true" />
<Button icon={Square} color="danger" onClick={() => {}}>
Stop
</Button>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" onClick={() => {}}>
Start
</Button>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-sync space-right" aria-hidden="true" />
<Button icon={RefreshCw} color="primary" onClick={() => {}}>
Restart
</Button>
</ButtonGroup>
@ -96,20 +80,16 @@ export function Small() {
export function Large() {
return (
<ButtonGroup size="large">
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="primary" onClick={() => {}}>
Start
</Button>
<Button color="danger" onClick={() => {}}>
<i className="fa fa-stop space-right" aria-hidden="true" />
<Button icon={Square} color="danger" onClick={() => {}}>
Stop
</Button>
<Button color="light" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
<Button icon={Play} color="light" onClick={() => {}}>
Start
</Button>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-sync space-right" aria-hidden="true" />
<Button icon={RefreshCw} color="primary" onClick={() => {}}>
Restart
</Button>
</ButtonGroup>