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

fix(ui): fix ui bugs [EE-3847] (#7453)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-08-12 06:47:56 +03:00 • committed by GitHub
parent dd372637cb
commit 95fb5a4baa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 246 additions and 448 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/react/components/buttons/Button.stories.tsx
View file

@ -13,10 +13,8 @@ export function DifferentTheme() {
const colors = [
'primary',
'secondary',
'success',
'danger',
'dangerlight',
'warning',
'light',
'link',
] as const;
@ -97,22 +95,6 @@ export function Disabled() {
);
}
export function Warning() {
return (
<Button color="warning" onClick={() => {}}>
Warning Button
</Button>
);
}
export function Success() {
return (
<Button color="success" onClick={() => {}}>
Success Button
</Button>
);
}
export function Danger() {
return (
<Button color="danger" onClick={() => {}}>

2
app/react/components/buttons/Button.tsx
View file

@ -17,8 +17,6 @@ type Color =
| 'default'
| 'primary'
| 'secondary'
| 'success'
| 'warning'
| 'danger'
| 'link'
| 'light'

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

@ -14,7 +14,7 @@ function Template({
}: JSX.IntrinsicAttributes & PropsWithChildren<Props>) {
return (
<ButtonGroup size={size}>
<Button color="success" onClick={() => {}}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>
@ -50,7 +50,7 @@ Primary.args = {
export function Xsmall() {
return (
<ButtonGroup size="xsmall">
<Button color="success" onClick={() => {}}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>
@ -58,7 +58,7 @@ export function Xsmall() {
<i className="fa fa-stop space-right" aria-hidden="true" />
Stop
</Button>
<Button color="success" onClick={() => {}}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>
@ -73,7 +73,7 @@ export function Xsmall() {
export function Small() {
return (
<ButtonGroup size="small">
<Button color="success" onClick={() => {}}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>
@ -81,7 +81,7 @@ export function Small() {
<i className="fa fa-stop space-right" aria-hidden="true" />
Stop
</Button>
<Button color="success" onClick={() => {}}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>
@ -96,7 +96,7 @@ export function Small() {
export function Large() {
return (
<ButtonGroup size="large">
<Button color="success" onClick={() => {}}>
<Button color="primary" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>
@ -104,7 +104,7 @@ export function Large() {
<i className="fa fa-stop space-right" aria-hidden="true" />
Stop
</Button>
<Button color="success" onClick={() => {}}>
<Button color="light" onClick={() => {}}>
<i className="fa fa-play space-right" aria-hidden="true" />
Start
</Button>