Hide the mobile reply control if outside the threadgate (#2177)

src/view/com/post-thread/PostThread.tsx

@@ -1,4 +1,4 @@
-import React, {useRef} from 'react'
+import React, {useEffect, useRef} from 'react'
 import {
   ActivityIndicator,
   Pressable,
@@ -64,9 +64,11 @@ type YieldedItem =
 
 export function PostThread({
   uri,
+  onCanReply,
   onPressReply,
 }: {
   uri: string | undefined
+  onCanReply: (canReply: boolean) => void
   onPressReply: () => void
 }) {
   const {
@@ -86,6 +88,11 @@ export function PostThread({
         rootPost.author.displayName || `@${rootPost.author.handle}`,
       )}: "${rootPostRecord?.text}"`,
   )
+  useEffect(() => {
+    if (rootPost) {
+      onCanReply(!rootPost.viewer?.replyDisabled)
+    }
+  }, [rootPost, onCanReply])
 
   if (isError || AppBskyFeedDefs.isNotFoundPost(thread)) {
     return (

src/view/screens/PostThread.tsx

@@ -37,6 +37,7 @@ export function PostThreadScreen({route}: Props) {
   const {isMobile} = useWebMediaQueries()
   const uri = makeRecordUri(name, 'app.bsky.feed.post', rkey)
   const {data: resolvedUri, error: uriError} = useResolveUriQuery(uri)
+  const [canReply, setCanReply] = React.useState(false)
 
   useFocusEffect(
     React.useCallback(() => {
@@ -84,10 +85,11 @@ export function PostThreadScreen({route}: Props) {
           <PostThreadComponent
             uri={resolvedUri?.uri}
             onPressReply={onPressReply}
+            onCanReply={setCanReply}
           />
         )}
       </View>
-      {isMobile && (
+      {isMobile && canReply && (
         <Animated.View
           style={[
             styles.prompt,