Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 22:12:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

dataset integrated in ColorInput

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-10-11 14:44:56 +03:00
parent c5b2ee48cf
commit 6f43075bdd
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/common/ColorInput/ColorInput.js
View file

@ -4,10 +4,12 @@ const Icon = require('stremio-icons/dom');
const { Modal } = require('stremio-router');
const Button = require('stremio/common/Button');
const useBinaryState = require('stremio/common/useBinaryState');
const useDataset = require('stremio/common/useDataset');
const ColorPicker = require('./ColorPicker');
const styles = require('./styles');
const ColorInput = ({ value, onChange, ...props }) => {
const dataset = useDataset(props);
const [modalOpen, openModal, closeModal] = useBinaryState(false);
const [tempValue, setTempValue] = React.useState(value);
React.useEffect(() => {
@ -21,12 +23,13 @@ const ColorInput = ({ value, onChange, ...props }) => {
onChange({
type: 'change',
value: tempValue,
dataset: dataset,
nativeEvent: event.nativeEvent
});
}
closeModal();
}, [onChange, tempValue]);
}, [onChange, tempValue, dataset]);
const modalContainerOnMouseDown = React.useCallback((event) => {
if (!event.nativeEvent.closeModalPrevented) {
closeModal();