cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-20 22:49:18 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: create reusable buttons

Browse Source
This commit is contained in:
Carlos Valente
2025-06-03 21:44:15 +02:00
committed by Carlos Valente
parent 44d5859844
commit 97e3e8f435
4 changed files with 125 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/common/components/buttons/IconButton.tsx
+8 -3
View File
@@ -4,10 +4,15 @@ import { cx } from '../../utils/styleUtils';
import style from './IconButton.module.scss';
export default function IconButton(props: ButtonHTMLAttributes<HTMLButtonElement>) {
const { className, children, ...buttonProps } = props;
interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
variant?: 'subtle' | 'subtle-white' | 'destructive';
}
export default function IconButton(props: IconButtonProps) {
const { className, children, variant = 'subtle', ...buttonProps } = props;
return (
<button className={cx([style.subtle, className])} {...buttonProps}>
<button className={cx([style.baseIconButton, style[variant], className])} type='button' {...buttonProps}>
{children}
</button>
);