Refine format text

src/components/Timelines/Timeline/Shared/HeaderDefault/ActionsAccount.tsx

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

src/screens/Shared/Compose/Root.tsx

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

src/screens/Shared/Compose/formatText.tsx

@@ -12,17 +12,21 @@ export interface Params {
   disableDebounce?: boolean
 }
 
-const debouncedSuggestions = debounce((postDispatch, tag) => {
+const debouncedSuggestions = debounce(
-  console.log('debounced!!!')
+  (postDispatch, tag) => {
-  postDispatch({ type: 'tag', payload: tag })
+    postDispatch({ type: 'tag', payload: tag })
-}, 500)
+  },
+  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 (
+  if (changedTag.length && !disableDebounce) {
-    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[0]!.type !== 'url') {
       debouncedSuggestions(postDispatch, changedTag[0])
     }
   } else {
+    debouncedSuggestions.cancel()
     postDispatch({ type: 'tag', payload: undefined })
   }
   prevTags = tags

src/utils/fetches/searchFetch.ts

@@ -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)
 }

src/utils/styles/constants.ts

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