marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-18 13:39:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix input disabled status not being reactive

Browse Source
This commit is contained in:
Daniel Dunn
2025-04-03 06:05:26 -06:00
parent 7726adf8a3
commit 7386e670ba
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/input/NumericInputWithUnit.tsx
View File

@@ -29,6 +29,15 @@ export default function NumericInputWithUnit(props: {
const [unit, setUnit] = useState(props.value.unit);
const [unitOptions, setUnitOptions] = useState<string[]>([]);
const [disabled, setDisabled] = useState(props.disabled);
const [disableChangingUnit, setDisableChangingUnit] = useState(
props.disableChangingUnit
);
useEffect(() => {
setDisabled(props.disabled);
setDisableChangingUnit(props.disableChangingUnit);
}, [props.disabled, props.disableChangingUnit]);
useEffect(() => {
try {
const kind = Qty(props.value.unit).kind();
@@ -111,7 +120,7 @@ export default function NumericInputWithUnit(props: {
<Grid item xs={4}>
<TextFieldWithDesc
{...props.baseProps}
disabled={props.disabled}
disabled={disabled}
type="number"
fullWidth
value={(inputValue / siPrefixes[prefix])
@@ -127,7 +136,7 @@ export default function NumericInputWithUnit(props: {
<Grid item xs={3}>
<Select
fullWidth
disabled={props.disableChangingUnit}
disabled={disableChangingUnit}
label="Prefix"
title="Prefix"
value={prefix}
@@ -146,7 +155,7 @@ export default function NumericInputWithUnit(props: {
<Grid item xs={5}>
<Select
fullWidth
disabled={props.disableChangingUnit}
disabled={disableChangingUnit}
label="Unit"
title="Unit"
value={unit}