CipherStreamWeb converted to use Vite
This commit is contained in:
31
src/components/input/NumberSelector.tsx
Normal file
31
src/components/input/NumberSelector.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
import { useMemo } from "react";
|
||||
import NumberSelectorArray from "./NumberSelectorArray";
|
||||
|
||||
export default function NumberSelector({
|
||||
value,
|
||||
label,
|
||||
minValue,
|
||||
maxValue,
|
||||
onChange
|
||||
}:{
|
||||
value: number;
|
||||
label: string;
|
||||
minValue: number;
|
||||
maxValue: number;
|
||||
onChange: (newShift: number) => void;
|
||||
}){
|
||||
const shiftArray: number[] = useMemo(() => (
|
||||
Array.from({ length: maxValue - minValue + 1 }, (_, i) => i + minValue)
|
||||
), [ minValue, maxValue ]);
|
||||
//TODO: Perform a check for minValue <= value <= maxValue
|
||||
|
||||
|
||||
return (
|
||||
<NumberSelectorArray
|
||||
value={value}
|
||||
label={label}
|
||||
shiftArray={shiftArray}
|
||||
onChange={onChange}
|
||||
/>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user