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

Batch notification loads to avoid layout reflows due to async

Browse source
This commit is contained in:
Paul Frazee 2022-11-28 13:45:49 -06:00
parent b9c9895c45
commit 6ec33dd89f
3 changed files with 86 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/view/com/post/Post.tsx
View file

@ -15,19 +15,25 @@ import {UserAvatar} from '../util/UserAvatar'
import {useStores} from '../../../state'
import {s, colors} from '../../lib/styles'
export const Post = observer(function Post({uri}: {uri: string}) {
export const Post = observer(function Post({
uri,
initView,
}: {
uri: string
initView?: PostThreadViewModel
}) {
const store = useStores()
const [view, setView] = useState<PostThreadViewModel | undefined>()
const [view, setView] = useState<PostThreadViewModel | undefined>(initView)
const [deleted, setDeleted] = useState(false)
useEffect(() => {
if (view?.params.uri === uri) {
if (initView || view?.params.uri === uri) {
return // no change needed? or trigger refresh?
}
const newView = new PostThreadViewModel(store, {uri, depth: 0})
setView(newView)
newView.setup().catch(err => console.error('Failed to fetch post', err))
}, [uri, view?.params.uri, store])
}, [initView, uri, view?.params.uri, store])
// deleted
// =