Rename tree post

src/screens/PostThread/components/ThreadItemTreePost.tsx

@@ -49,7 +49,7 @@ import {Text} from '#/components/Typography'
  */
 const TREE_AVI_PLUS_SPACE = TREE_AVI_WIDTH + a.gap_xs.gap
 
-export function ThreadReply({
+export function ThreadItemTreePost({
   item,
   overrides,
   onPostSuccess,
@@ -66,11 +66,11 @@ export function ThreadReply({
   const postShadow = usePostShadow(item.value.post)
 
   if (postShadow === POST_TOMBSTONE) {
-    return <ThreadItemTreeReplyDeleted item={item} />
+    return <ThreadItemTreePostDeleted item={item} />
   }
 
   return (
-    <ThreadReplyInner
+    <ThreadItemTreePostInner
       // Safeguard from clobbering per-post state below:
       key={postShadow.uri}
       item={item}
@@ -82,15 +82,15 @@ export function ThreadReply({
   )
 }
 
-function ThreadItemTreeReplyDeleted({
+function ThreadItemTreePostDeleted({
   item,
 }: {
   item: Extract<ThreadItem, {type: 'threadPost'}>
 }) {
   const t = useTheme()
   return (
-    <ThreadItemTreeReplyOuter item={item}>
-      <ThreadItemTreeReplyInner item={item}>
+    <ThreadItemTreePostOuterWrapper item={item}>
+      <ThreadItemTreePostInnerWrapper item={item}>
         <View
           style={[
             a.flex_row,
@@ -111,18 +111,19 @@ function ThreadItemTreeReplyDeleted({
         {item.ui.isLastChild && !item.ui.precedesChildReadMore && (
           <View style={{height: OUTER_SPACE / 2}} />
         )}
-      </ThreadItemTreeReplyInner>
-    </ThreadItemTreeReplyOuter>
+      </ThreadItemTreePostInnerWrapper>
+    </ThreadItemTreePostOuterWrapper>
   )
 }
 
-const ThreadItemTreeReplyOuter = memo(function ThreadItemTreeReplyOuter({
+const ThreadItemTreePostOuterWrapper = memo(
+  function ThreadItemTreePostOuterWrapper({
     item,
     children,
-}: {
+  }: {
     item: Extract<ThreadItem, {type: 'threadPost'}>
     children: React.ReactNode
-}) {
+  }) {
     const t = useTheme()
     const indents = Math.max(0, item.ui.indent - 1)
 
@@ -155,15 +156,17 @@ const ThreadItemTreeReplyOuter = memo(function ThreadItemTreeReplyOuter({
         {children}
       </View>
     )
-})
+  },
+)
 
-const ThreadItemTreeReplyInner = memo(function ThreadItemTreeReplyInner({
+const ThreadItemTreePostInnerWrapper = memo(
+  function ThreadItemTreePostInnerWrapper({
     item,
     children,
-}: {
+  }: {
     item: Extract<ThreadItem, {type: 'threadPost'}>
     children: React.ReactNode
-}) {
+  }) {
     const t = useTheme()
     return (
       <View
@@ -205,7 +208,8 @@ const ThreadItemTreeReplyInner = memo(function ThreadItemTreeReplyInner({
         {children}
       </View>
     )
-})
+  },
+)
 
 const ThreadItemTreeReplyChildReplyLine = memo(
   function ThreadItemTreeReplyChildReplyLine({
@@ -234,7 +238,7 @@ const ThreadItemTreeReplyChildReplyLine = memo(
   },
 )
 
-const ThreadReplyInner = memo(function ThreadReplyInner({
+const ThreadItemTreePostInner = memo(function ThreadItemTreePostInner({
   item,
   postShadow,
   overrides,
@@ -311,7 +315,7 @@ const ThreadReplyInner = memo(function ThreadReplyInner({
   }, [setLimitLines])
 
   return (
-    <ThreadItemTreeReplyOuter item={item}>
+    <ThreadItemTreePostOuterWrapper item={item}>
       <SubtleHover>
         <PostHider
           testID={`postThreadItem-by-${post.author.handle}`}
@@ -322,7 +326,7 @@ const ThreadReplyInner = memo(function ThreadReplyInner({
           iconStyles={{marginLeft: 2, marginRight: 2}}
           profile={post.author}
           interpretFilterAsBlur>
-          <ThreadItemTreeReplyInner item={item}>
+          <ThreadItemTreePostInnerWrapper item={item}>
             <View style={[a.flex_row, a.gap_md]}>
               <View style={[a.flex_1]}>
                 <PostMeta
@@ -386,10 +390,10 @@ const ThreadReplyInner = memo(function ThreadReplyInner({
                 </View>
               </View>
             </View>
-          </ThreadItemTreeReplyInner>
+          </ThreadItemTreePostInnerWrapper>
         </PostHider>
       </SubtleHover>
-    </ThreadItemTreeReplyOuter>
+    </ThreadItemTreePostOuterWrapper>
   )
 })
 

src/screens/PostThread/index.tsx

@@ -19,11 +19,11 @@ import {
   ThreadAnchor,
   ThreadAnchorSkeleton,
 } from '#/screens/PostThread/components/ThreadAnchor'
+import {ThreadItemTreePost} from '#/screens/PostThread/components/ThreadItemTreePost'
 import {
   ThreadPost,
   ThreadPostSkeleton,
 } from '#/screens/PostThread/components/ThreadPost'
-import {ThreadReply} from '#/screens/PostThread/components/ThreadReply'
 import {atoms as a, useBreakpoints, useTheme, web} from '#/alf'
 import * as Layout from '#/components/Layout'
 import {ListFooter} from '#/components/Lists'
@@ -234,7 +234,7 @@ export function Inner({uri}: {uri: string | undefined}) {
       } else {
         if (thread.state.view === 'tree') {
           return (
-            <ThreadReply
+            <ThreadItemTreePost
               item={item}
               threadgateRecord={thread.data.threadgate?.record ?? undefined}
               overrides={{