Spaces:
Running
Running
File size: 1,326 Bytes
47c0b4f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
import React, { useEffect } from 'react'
import { Config } from '../types/types'
type JsonInputProps = {
value: string
setConfig: (updater: (prev: Config) => Config) => void
isValidJson: boolean
setIsValidJson: (arg0: boolean) => void
}
const JsonInput = ({ value, setConfig, isValidJson, setIsValidJson }: JsonInputProps) => {
useEffect(() => {
const delay = setTimeout(() => {
if (value.length === 0) {
setIsValidJson(true)
} else {
try {
JSON.parse(value)
setIsValidJson(true)
} catch (error) {
setIsValidJson(false)
}
}
}, 100) // Adjust the delay as needed
return () => clearTimeout(delay)
}, [value, setIsValidJson])
const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
setConfig((prev) => ({
...prev,
generation_parameters: {
...prev.generation_parameters,
json_schema: e.target.value,
},
}))
}
return (
<div>
<textarea
id='json-schema'
className='block px-4 py-2 text-sm w-full config-input resize-none'
rows={10}
placeholder='Json Schema'
onChange={handleInputChange}
/>
{!isValidJson && <p style={{ color: 'red' }}>Invalid JSON</p>}
</div>
)
}
export default JsonInput
|