Checkpoint parent rendering, can opt for slower handling here

This commit is contained in:
Eric Bailey
2025-05-29 21:11:26 -05:00
parent 10a77f0614
commit 5ca9e05be0
3 changed files with 80 additions and 15 deletions
@@ -66,7 +66,7 @@ export function ThreadPost({
}
return (
<PostThreadItemLoaded
<ThreadPostInner
// Safeguard from clobbering per-post state below:
key={postShadow.uri}
item={item}
@@ -99,7 +99,7 @@ function PostThreadItemDeleted({hideTopBorder}: {hideTopBorder?: boolean}) {
)
}
let PostThreadItemLoaded = ({
const ThreadPostInner = memo(function ThreadPostInner({
item,
postShadow,
overrides,
@@ -114,7 +114,7 @@ let PostThreadItemLoaded = ({
}
onPostSuccess?: (data: OnPostSuccessData) => void
threadgateRecord?: AppBskyFeedThreadgate.Record
}): React.ReactNode => {
}): React.ReactNode {
const t = useTheme()
const pal = usePalette('default')
const {_} = useLingui()
@@ -305,8 +305,7 @@ let PostThreadItemLoaded = ({
</View>
</SubtleHover>
)
}
PostThreadItemLoaded = memo(PostThreadItemLoaded)
})
function SubtleHover({children}: {children: React.ReactNode}) {
const {
@@ -70,7 +70,7 @@ export function ThreadReply({
}
return (
<PostThreadItemLoaded
<ThreadReplyInner
// Safeguard from clobbering per-post state below:
key={postShadow.uri}
item={item}
@@ -103,7 +103,7 @@ function PostThreadItemDeleted({hideTopBorder}: {hideTopBorder?: boolean}) {
)
}
let PostThreadItemLoaded = ({
const ThreadReplyInner = memo(function ThreadReplyInner({
item,
postShadow,
overrides,
@@ -118,7 +118,7 @@ let PostThreadItemLoaded = ({
}
onPostSuccess?: (data: OnPostSuccessData) => void
threadgateRecord?: AppBskyFeedThreadgate.Record
}): React.ReactNode => {
}): React.ReactNode {
const t = useTheme()
const pal = usePalette('default')
const {_} = useLingui()
@@ -336,8 +336,7 @@ let PostThreadItemLoaded = ({
</View>
</View>
)
}
PostThreadItemLoaded = memo(PostThreadItemLoaded)
})
function SubtleHover({children}: {children: React.ReactNode}) {
const {