diff --git a/components/form.js b/components/form.js index 9878d6d5..75f9808e 100644 --- a/components/form.js +++ b/components/form.js @@ -246,6 +246,12 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, onKe setDragStyle(null) }, [setDragStyle]) + useEffect(debounce(() => { + const text = innerRef?.current.value + const s3Keys = text ? [...text.matchAll(AWS_S3_URL_REGEXP)].map(m => Number(m[1])) : [] + updateImageFeesInfo({ variables: { s3Keys } }) + }, 1000), [innerRef?.current?.value]) + return (
@@ -301,12 +307,7 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, onKe {...props} onChange={onChangeInner} onKeyDown={onKeyDownInner(userSuggestOnKeyDown)} - onBlur={() => { - const text = innerRef?.current.value - const s3Keys = text ? [...text.matchAll(AWS_S3_URL_REGEXP)].map(m => Number(m[1])) : [] - updateImageFeesInfo({ variables: { s3Keys } }) - setTimeout(resetSuggestions, 100) - }} + onBlur={() => setTimeout(resetSuggestions, 100)} onDragEnter={onDragEnter} onDragLeave={onDragLeave} onDrop={onDrop}