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

fix: conflict between swatch picker and swatch elements

Browse Source
This commit is contained in:
Carlos Valente
2025-10-05 07:28:06 +02:00
committed by Alex Christoffer Rasmussen
parent 81e00993f2
commit ccf1ddf2fd
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/common/components/input/colour-input/Swatch.tsx
+6 -4
View File
@@ -1,3 +1,4 @@
import { MouseEvent } from 'react';
import { IoBan } from 'react-icons/io5'; import { IoBan } from 'react-icons/io5';
import { cx } from '../../../utils/styleUtils'; import { cx } from '../../../utils/styleUtils';
@@ -10,12 +11,13 @@ interface SwatchProps {
isSelected?: boolean; isSelected?: boolean;
} }
export default function Swatch(props: SwatchProps) { export default function Swatch({ color, isSelected, onClick }: SwatchProps) {
const { color, isSelected, onClick } = props; const handleClick = (event: MouseEvent) => {
const handleClick = () => {
onClick?.(color); onClick?.(color);
event.preventDefault();
event.stopPropagation();
}; };
const classes = cx([style.swatch, isSelected && style.selected, onClick && style.selectable]); const classes = cx([style.swatch, isSelected && style.selected, onClick && style.selectable]);
if (!color) { if (!color) {