1
0
mirror of https://github.com/tooot-app/app synced 2025-02-11 09:20:46 +01:00

Refine format text

This commit is contained in:
Zhiyuan Zheng 2020-12-04 19:04:23 +01:00
parent fcaea5b8d9
commit 82d9cdf702
No known key found for this signature in database
GPG Key ID: 078A93AB607D85E0
5 changed files with 16 additions and 25 deletions

View File

@ -32,7 +32,6 @@ const fireMutation = async ({
}
break
case 'reports':
console.log('reporting')
res = await client({
method: 'post',
instance: 'local',

View File

@ -42,7 +42,9 @@ const ComposeRoot: React.FC<Props> = ({ postState, postDispatch }) => {
{ enabled: false }
)
useEffect(() => {
refetch()
if (postState.tag?.text) {
refetch()
}
}, [postState.tag?.text])
useEffect(() => {

View File

@ -12,17 +12,21 @@ export interface Params {
disableDebounce?: boolean
}
const debouncedSuggestions = debounce((postDispatch, tag) => {
console.log('debounced!!!')
postDispatch({ type: 'tag', payload: tag })
}, 500)
const debouncedSuggestions = debounce(
(postDispatch, tag) => {
postDispatch({ type: 'tag', payload: tag })
},
500,
{
trailing: true
}
)
let prevTags: PostState['tag'][] = []
const formatText = ({
postDispatch,
content,
refetch,
disableDebounce = false
}: Params) => {
const tags: PostState['tag'][] = []
@ -54,24 +58,14 @@ const formatText = ({
}
})
const changedTag = differenceWith(prevTags, tags, isEqual)
const changedTag = differenceWith(tags, prevTags, isEqual)
// quick delete causes flicking of suggestion box
if (
changedTag.length > 0 &&
tags.length > 0 &&
content.length > 0 &&
!disableDebounce
) {
// console.log('changedTag length')
// console.log(changedTag.length)
// console.log('tags length')
// console.log(tags.length)
// console.log('changed Tag')
// console.log(changedTag)
if (changedTag.length && !disableDebounce) {
if (changedTag[0]!.type !== 'url') {
debouncedSuggestions(postDispatch, changedTag[0])
}
} else {
debouncedSuggestions.cancel()
postDispatch({ type: 'tag', payload: undefined })
}
prevTags = tags

View File

@ -19,9 +19,5 @@ export const searchFetch = async (
endpoint: 'search',
query: { type, q: term, limit }
})
console.log('search query')
console.log({ type, q: term, limit })
console.log('search result')
console.log(res.body)
return Promise.resolve(res.body)
}

View File

@ -3,7 +3,7 @@ const Base = 4
export const StyleConstants = {
Font: {
Size: {
S: 12,
S: 14,
M: 16,
L: 18
},