Expand floatComponent Input Range (#889)

As detailed in OpenAI's documentation and GitHub issue #884, two float
fields in OpenAI have a range of -2 to 2.
For reference, visit:

Presence Penalty:
https://platform.openai.com/docs/api-reference/chat/create#presence_penalty
Frequency Penalty:
https://platform.openai.com/docs/api-reference/chat/create#frequency_penalty
Currently, FloatComponent only accepts values within [0-1]. This pull
request expands its range to [-2 to 2].
This commit is contained in:
anovazzi1 2023-09-20 23:14:30 -03:00 • committed by GitHub
commit 8a416c235b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions

View file

@ -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);

View file

@ -44,7 +44,7 @@ export default function IntComponent({
step="1" step="1"
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();
} }
}} }}