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

refactor: inline colour picker

Browse Source
This commit is contained in:
Shobhit-Nagpal
2024-12-29 23:26:22 +05:30
committed by Carlos Valente
parent f4f24da47b
commit 1ba48c6a6f
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/common/components/view-params-editor/InlineColourPicker.tsx
+2 -6
View File
@@ -1,6 +1,6 @@
import { useState } from 'react'; import { useState } from 'react';
import PopoverPicker from '../input/popover-picker/PopoverPicker'; import SwatchPicker from '../input/colour-input/SwatchPicker';
import style from './InlineColourPicker.module.scss'; import style from './InlineColourPicker.module.scss';
@@ -20,13 +20,9 @@ export default function InlineColourPicker(props: InlineColourPickerProps) {
const { name, value } = props; const { name, value } = props;
const [colour, setColour] = useState(() => ensureHex(value)); const [colour, setColour] = useState(() => ensureHex(value));
const debouncedChange = (value: string) => {
setColour(value);
};
return ( return (
<div className={style.inline}> <div className={style.inline}>
<PopoverPicker color={colour} onChange={debouncedChange} /> <SwatchPicker color={colour} onChange={setColour} />
<input type='hidden' name={name} value={colour} /> <input type='hidden' name={name} value={colour} />
</div> </div>
); );