|
|
|
|
@ -1,18 +1,18 @@
|
|
|
|
|
'use client'
|
|
|
|
|
import React, { FC, } from 'react'
|
|
|
|
|
import type { FC } from 'react'
|
|
|
|
|
import React from 'react'
|
|
|
|
|
|
|
|
|
|
export interface IConfigStringProps {
|
|
|
|
|
export type IConfigStringProps = {
|
|
|
|
|
value: number | undefined
|
|
|
|
|
onChange: (value: number | undefined) => void
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const MAX_LENGTH = 64
|
|
|
|
|
const MAX_LENGTH = 256
|
|
|
|
|
|
|
|
|
|
const ConfigString: FC<IConfigStringProps> = ({
|
|
|
|
|
value,
|
|
|
|
|
onChange,
|
|
|
|
|
}) => {
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<input
|
|
|
|
|
@ -20,13 +20,8 @@ const ConfigString: FC<IConfigStringProps> = ({
|
|
|
|
|
max={MAX_LENGTH}
|
|
|
|
|
min={1}
|
|
|
|
|
value={value || ''}
|
|
|
|
|
onChange={e => {
|
|
|
|
|
let value = parseInt(e.target.value, 10)
|
|
|
|
|
if (value > MAX_LENGTH) {
|
|
|
|
|
value = MAX_LENGTH
|
|
|
|
|
} else if (value < 1) {
|
|
|
|
|
value = 1
|
|
|
|
|
}
|
|
|
|
|
onChange={(e) => {
|
|
|
|
|
const value = Math.max(1, Math.min(MAX_LENGTH, parseInt(e.target.value))) || 1
|
|
|
|
|
onChange(value)
|
|
|
|
|
}}
|
|
|
|
|
className="w-full px-3 text-sm leading-9 text-gray-900 border-0 rounded-lg grow h-9 bg-gray-50 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200"
|
|
|
|
|
|