🆙 Better way to load the slider

This commit is contained in:
duckietm
2026-02-25 11:51:03 +01:00
parent 242f86bb90
commit faadd0cf31
18 changed files with 38 additions and 75 deletions
@@ -1,8 +1,7 @@
import { RoomEngineTriggerWidgetEvent } from '@nitrots/nitro-renderer';
import { FC, useEffect, useMemo, useState } from 'react';
import ReactSlider from 'react-slider';
import { ColorUtils, FurnitureDimmerUtilities, GetConfigurationValue, LocalizeText } from '../../../../api';
import { Button, Column, Grid, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView, Text } from '../../../../common';
import { Button, Column, Grid, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView, Slider, Text } from '../../../../common';
import { useFurnitureDimmerWidget, useNitroEvent } from '../../../../hooks';
import { classNames } from '../../../../layout';
@@ -63,8 +62,7 @@ export const FurnitureDimmerView: FC<{}> = props =>
</div>
<div className="flex flex-col gap-1">
<Text fontWeight="bold">{ LocalizeText('widget.backgroundcolor.lightness') }</Text>
<ReactSlider
className="nitro-slider"
<Slider
max={ FurnitureDimmerUtilities.MAX_BRIGHTNESS }
min={ FurnitureDimmerUtilities.MIN_BRIGHTNESS }
renderThumb={ (props, state) => <div { ...props }>{ FurnitureDimmerUtilities.scaleBrightness(state.valueNow) }</div> }