ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update image fees in onChange

Browse Source
This commit is contained in:
ekzyis 2023-11-01 23:01:08 +01:00
parent f523c9b55d
commit 90c563d921
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/form.js
View File

@ -161,6 +161,12 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, onKe
innerRef.current.focus() innerRef.current.focus()
}, [mentionIndices, innerRef, helpers?.setValue]) }, [mentionIndices, innerRef, helpers?.setValue])
const imageFeesUpdate = useCallback(debounce(
(text) => {
const s3Keys = text ? [...text.matchAll(AWS_S3_URL_REGEXP)].map(m => Number(m[1])) : []
updateImageFeesInfo({ variables: { s3Keys } })
}, 1000), [debounce, updateImageFeesInfo])
const onChangeInner = useCallback((formik, e) => { const onChangeInner = useCallback((formik, e) => {
if (onChange) onChange(formik, e) if (onChange) onChange(formik, e)
// check for mention editing // check for mention editing
@ -195,7 +201,9 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, onKe
setMentionQuery(undefined) setMentionQuery(undefined)
setMentionIndices(DEFAULT_MENTION_INDICES) setMentionIndices(DEFAULT_MENTION_INDICES)
} }
}, [onChange, setMentionQuery, setMentionIndices, setUserSuggestDropdownStyle])
imageFeesUpdate(value)
}, [onChange, setMentionQuery, setMentionIndices, setUserSuggestDropdownStyle, imageFeesUpdate])
const onKeyDownInner = useCallback((userSuggestOnKeyDown) => { const onKeyDownInner = useCallback((userSuggestOnKeyDown) => {
return (e) => { return (e) => {
@ -246,12 +254,6 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, onKe
setDragStyle(null) setDragStyle(null)
}, [setDragStyle]) }, [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 ( return (
<FormGroup label={label} className={groupClassName}> <FormGroup label={label} className={groupClassName}>
<div className={`${styles.markdownInput} ${tab === 'write' ? styles.noTopLeftRadius : ''}`}> <div className={`${styles.markdownInput} ${tab === 'write' ? styles.noTopLeftRadius : ''}`}>