🐛 fix(floatComponent): update min and max values to -2 and +2 respectively for better range
🔧 chore(floatComponent): update placeholder text to reflect the new range of -2 to 2
This commit is contained in:
parent
f44b0e33b1
commit
ec7a5fdbd6
1 changed files with 5 additions and 5 deletions
|
|
@ -10,8 +10,8 @@ export default function FloatComponent({
|
||||||
editNode = false,
|
editNode = false,
|
||||||
}: FloatComponentType): JSX.Element {
|
}: FloatComponentType): JSX.Element {
|
||||||
const step = 0.1;
|
const step = 0.1;
|
||||||
const min = 0;
|
const min = -2;
|
||||||
const max = 1;
|
const max = +2;
|
||||||
|
|
||||||
// Clear component state
|
// Clear component state
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
@ -27,10 +27,10 @@ export default function FloatComponent({
|
||||||
step={step}
|
step={step}
|
||||||
min={min}
|
min={min}
|
||||||
onInput={(event: React.ChangeEvent<HTMLInputElement>) => {
|
onInput={(event: React.ChangeEvent<HTMLInputElement>) => {
|
||||||
if (event.target.value < min.toString()) {
|
if (Number(event.target.value) < min) {
|
||||||
event.target.value = min.toString();
|
event.target.value = min.toString();
|
||||||
}
|
}
|
||||||
if (event.target.value > max.toString()) {
|
if (Number(event.target.value) > max) {
|
||||||
event.target.value = max.toString();
|
event.target.value = max.toString();
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
|
|
@ -39,7 +39,7 @@ export default function FloatComponent({
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
className={editNode ? "input-edit-node" : ""}
|
className={editNode ? "input-edit-node" : ""}
|
||||||
placeholder={
|
placeholder={
|
||||||
editNode ? "Number 0 to 1" : "Type a number from zero to one"
|
editNode ? "Number -2 to 2" : "Type a number from minus two to two"
|
||||||
}
|
}
|
||||||
onChange={(event) => {
|
onChange={(event) => {
|
||||||
onChange(event.target.value);
|
onChange(event.target.value);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue