nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-22 22:30:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix moodlight state

Browse Source
This commit is contained in:
dank074 2023-01-07 19:15:40 -06:00
parent 2b7c54e989
commit d6a7200136
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/room/widgets/furniture/FurnitureDimmerView.tsx
View File

@ -1,5 +1,5 @@
import { RoomEngineTriggerWidgetEvent } from '@nitrots/nitro-renderer';
import { FC, useEffect, useMemo, useState } from 'react';
import { FC, useEffect, useState } from 'react';
import ReactSlider from 'react-slider';
import { ColorUtils, FurnitureDimmerUtilities, GetConfiguration, LocalizeText } from '../../../../api';
import { Base, Button, classNames, Column, Flex, Grid, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView, Text } from '../../../../common';
@ -26,7 +26,7 @@ export const FurnitureDimmerView: FC<{}> = props =>
setIsVisible(true);
}, [ presets ]);
const isFreeColorMode = useMemo(() => GetConfiguration<boolean>('widget.dimmer.colorwheel', false), []);
const isFreeColorMode = GetConfiguration<boolean>('widget.dimmer.colorwheel', false);
if(!isVisible) return null;

24
src/hooks/rooms/widgets/furniture/useFurnitureDimmerWidget.ts
View File

@ -9,7 +9,6 @@ const useFurnitureDimmerWidgetState = () =>
const [ presets, setPresets ] = useState<DimmerFurnitureWidgetPresetItem[]>([]);
const [ selectedPresetId, setSelectedPresetId ] = useState(0);
const [ dimmerState, setDimmerState ] = useState(0);
const [ lastDimmerState, setLastDimmerState ] = useState(0);
const [ effectId, setEffectId ] = useState(0);
const [ color, setColor ] = useState(0xFFFFFF);
const [ brightness, setBrightness ] = useState(0xFF);
@ -34,8 +33,6 @@ const useFurnitureDimmerWidgetState = () =>
const applyChanges = () =>
{
if(dimmerState === 0) return;
const selectedPresetIndex = (selectedPresetId - 1);
if((selectedPresetId < 1) || (selectedPresetId > presets.length)) return;
@ -53,7 +50,7 @@ const useFurnitureDimmerWidgetState = () =>
return newValue;
});
FurnitureDimmerUtilities.savePreset(preset.id, selectedEffectId, selectedColor, selectedBrightness, true);
FurnitureDimmerUtilities.savePreset(preset.id, selectedEffectId, selectedColor, selectedBrightness, dimmerState !== 0);
}
useRoomEngineEvent<RoomEngineTriggerWidgetEvent>(RoomEngineTriggerWidgetEvent.REQUEST_DIMMER, event =>
@ -79,14 +76,21 @@ const useFurnitureDimmerWidgetState = () =>
}
setPresets(presets);
setSelectedPresetId(event.selectedPresetId);
const preset = presets[(event.selectedPresetId - 1)];
if(!preset) return;
setSelectedPresetId(preset.id);
setSelectedEffectId(preset.type);
setSelectedColor(preset.color);
setSelectedBrightness(preset.light);
});
useRoomEngineEvent<RoomEngineDimmerStateEvent>(RoomEngineDimmerStateEvent.ROOM_COLOR, event =>
{
if(RoomId.isRoomPreviewerId(event.roomId)) return;
setLastDimmerState(dimmerState);
setDimmerState(event.state);
setSelectedPresetId(event.presetId);
setEffectId(event.effectId);
@ -95,16 +99,18 @@ const useFurnitureDimmerWidgetState = () =>
setSelectedColor(event.color);
setBrightness(event.brightness);
setSelectedBrightness(event.brightness);
console.log(event);
});
useEffect(() =>
{
if((dimmerState === 0) && (lastDimmerState === 0)) return;
if(dimmerState === 0 && selectedColor != 0xFFFFFF && selectedBrightness != 0xFF) return;
FurnitureDimmerUtilities.previewDimmer(selectedColor, selectedBrightness, (selectedEffectId === 2));
}, [ dimmerState, lastDimmerState, selectedColor, selectedBrightness, selectedEffectId ]);
}, [ dimmerState, selectedColor, selectedBrightness, selectedEffectId ]);
return { presets, selectedPresetId, dimmerState, lastDimmerState, effectId, color, brightness, selectedEffectId, setSelectedEffectId, selectedColor, setSelectedColor, selectedBrightness, setSelectedBrightness, selectPresetId, applyChanges };
return { presets, selectedPresetId, dimmerState, effectId, color, brightness, selectedEffectId, setSelectedEffectId, selectedColor, setSelectedColor, selectedBrightness, setSelectedBrightness, selectPresetId, setDimmerState, applyChanges };
}
export const useFurnitureDimmerWidget = useFurnitureDimmerWidgetState;