1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-21 14:29:40 +02:00
portainer/app/react/components/buttons/AddButton.tsx
Chaim Lev-Ari 82b848af0c
refactor(azure): migrate module to react [EE-2782] (#6689)
* refactor(azure): migrate module to react [EE-2782]

* fix(azure): remove optional chain

* feat(azure): apply new icons in dashboard

* feat(azure): apply new icons in dashboard

* feat(ui): allow single string for breadcrumbs

* refactor(azure/containers): use Table.content

* feat(azure/containers): implement new ui [EE-3538]

* fix(azure/containers): use correct icon

* chore(tests): mock svg as component

* fix(azure): fix tests

Co-authored-by: matias.spinarolli <matias.spinarolli@portainer.io>
2022-07-26 16:44:08 -03:00

29 lines
602 B
TypeScript

import clsx from 'clsx';
import styles from './AddButton.module.css';
export interface Props {
className?: string;
label: string;
disabled?: boolean;
onClick: () => void;
}
export function AddButton({ label, onClick, className, disabled }: Props) {
return (
<button
className={clsx(
className,
'label',
'label-default',
'interactive',
styles.addButton
)}
type="button"
onClick={onClick}
disabled={disabled}
>
<i className="fa fa-plus-circle space-right" aria-hidden="true" /> {label}
</button>
);
}