doryan/material-you-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIXED: Icon button with toggle

Browse Source
This commit is contained in:
doryan04
2024-02-01 23:37:22 +04:00
parent 43381e4a7b
commit df7901a779
2 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/primitive-components/icon-button/icon-button.tsx
View File

@@ -44,21 +44,18 @@ export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
const buttonRef = useRef<HTMLButtonElement>(null);
const callback = useCallback(
() => (event: MouseEventHandler<HTMLButtonElement>) => {
if (toggled) {
if (toggleIcon.state === 'selected') {
toggle('', toggled.unselected ?? 'add_circle');
} else {
toggle('selected', toggled.selected ?? 'add_circle');
}
const callback = event => {
if (toggled) {
if (toggleIcon.state === 'selected') {
toggle('', toggled.unselected ?? 'add_circle');
} else {
toggle('selected', toggled.selected ?? 'add_circle');
}
if (props.onClick) {
props.onClick.apply(null, event);
}
},
[toggleIcon],
);
}
if (props.onClick) {
props.onClick.apply(null, event);
}
};
useImperativeHandle(ref, () => buttonRef.current);