🆙 fix

2026-01-27 14:08:40 +01:00
parent 5c88770fa6
commit d987de29b3
344 changed files with 28343 additions and 0 deletions
@@ -0,0 +1,58 @@
+import { FurnitureStackHeightComposer } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useState } from 'react';
+import ReactSlider from 'react-slider';
+import { LocalizeText, SendMessageComposer } from '../../../../api';
+import { Button, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
+import { useFurnitureStackHeightWidget } from '../../../../hooks';
+
+export const FurnitureStackHeightView: FC<{}> = props =>
+{
+    const { objectId = -1, height = 0, maxHeight = 40, onClose = null, updateHeight = null } = useFurnitureStackHeightWidget();
+    const [ tempHeight, setTempHeight ] = useState('');
+
+    const updateTempHeight = (value: string) =>
+    {
+        setTempHeight(value);
+
+        const newValue = parseFloat(value);
+
+        if(isNaN(newValue) || (newValue === height)) return;
+
+        updateHeight(newValue);
+    };
+
+    useEffect(() =>
+    {
+        setTempHeight(height.toString());
+    }, [ height ]);
+
+    if(objectId === -1) return null;
+
+    return (
+        <NitroCardView className="nitro-widget-custom-stack-height" theme="primary-slim">
+            <NitroCardHeaderView headerText={ LocalizeText('widget.custom.stack.height.title') } onCloseClick={ onClose } />
+            <NitroCardContentView justifyContent="between">
+                <Text>{ LocalizeText('widget.custom.stack.height.text') }</Text>
+                <div className="flex gap-2">
+                    <ReactSlider
+                        className="nitro-slider"
+                        max={ maxHeight }
+                        min={ 0 }
+                        renderThumb={ (props, state) => <div { ...props }>{ state.valueNow }</div> }
+                        step={ 0.01 }
+                        value={ height }
+                        onChange={ event => updateHeight(event) } />
+                    <input className="show-number-arrows" max={ maxHeight } min={ 0 } style={ { width: 50 } } type="number" value={ tempHeight } onChange={ event => updateTempHeight(event.target.value) } />
+                </div>
+                <div className="flex flex-col gap-1">
+                    <Button onClick={ event => SendMessageComposer(new FurnitureStackHeightComposer(objectId, -100)) }>
+                        { LocalizeText('furniture.above.stack') }
+                    </Button>
+                    <Button onClick={ event => SendMessageComposer(new FurnitureStackHeightComposer(objectId, 0)) }>
+                        { LocalizeText('furniture.floor.level') }
+                    </Button>
+                </div>
+            </NitroCardContentView>
+        </NitroCardView>
+    );
+};