zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Throttle gif search by 500ms (#3622)

Browse source 
* debounce gif search by 300ms

* Throttle it instead

---------

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
This commit is contained in:
Samuel Newman 2024-04-19 22:55:53 +01:00 • committed by GitHub
parent 8b33ffdfb5
commit edbb18afa4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 30 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/dialogs/GifSelect.tsx
View file

@ -1,10 +1,4 @@
import React, {
useCallback,
useDeferredValue,
useMemo,
useRef,
useState,
} from 'react'
import React, {useCallback, useMemo, useRef, useState} from 'react'
import {TextInput, View} from 'react-native'
import {Image} from 'expo-image'
import {msg, Trans} from '@lingui/macro'
@ -22,6 +16,7 @@ import {Gif, useGifphySearch, useGiphyTrending} from '#/state/queries/giphy'
import {atoms as a, useBreakpoints, useTheme} from '#/alf'
import * as Dialog from '#/components/Dialog'
import * as TextField from '#/components/forms/TextField'
import {useThrottledValue} from '#/components/hooks/useThrottledValue'
import {ArrowLeft_Stroke2_Corner0_Rounded as Arrow} from '#/components/icons/Arrow'
import {MagnifyingGlass2_Stroke2_Corner0_Rounded as Search} from '#/components/icons/MagnifyingGlass2'
import {InlineLinkText} from '#/components/Link'
@ -82,7 +77,7 @@ function GifList({
const {gtMobile} = useBreakpoints()
const ref = useRef<TextInput>(null)
const [undeferredSearch, setSearch] = useState('')
const search = useDeferredValue(undeferredSearch)
const search = useThrottledValue(undeferredSearch, 500)
const isSearching = search.length > 0