Open edit chat name dialog via tap (#10790)

src/screens/Messages/ConversationSettings/index.tsx

@@ -1,5 +1,5 @@
 import {useState} from 'react'
-import {View} from 'react-native'
+import {Pressable, View} from 'react-native'
 import {
   ChatBskyActorDefs,
   ChatBskyConvoDefs,
@@ -8,6 +8,7 @@ import {
 import {Trans, useLingui} from '@lingui/react/macro'
 import {useNavigation} from '@react-navigation/native'
 
+import {HITSLOP_10} from '#/lib/constants'
 import {useBottomBarOffset} from '#/lib/hooks/useBottomBarOffset'
 import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender'
 import {
@@ -429,6 +430,13 @@ function SettingsHeader({
 
   const canLockGroupChat = isOwner && lockStatus !== 'locked-permanently'
 
+  const groupNameComponent = (
+    <Text
+      style={[a.text_2xl, a.font_bold, a.text_center, a.pt_lg, t.atoms.text]}>
+      {groupName}
+    </Text>
+  )
+
   return (
     <>
       <View
@@ -439,16 +447,20 @@ function SettingsHeader({
             moderationOpts={moderationOpts}
           />
         </View>
-        <Text
+        {isOwner ? (
-          style={[
+          <Pressable
-            a.text_2xl,
+            accessibilityRole="button"
-            a.font_bold,
+            accessibilityHint={l`Edit this group chat’s name`}
-            a.text_center,
+            hitSlop={HITSLOP_10}
-            a.pt_lg,
+            onPress={() => {
-            t.atoms.text,
+              setNewGroupName(groupName)
-          ]}>
+              editNamePrompt.open()
-          {groupName}
+            }}>
-        </Text>
+            {groupNameComponent}
+          </Pressable>
+        ) : (
+          groupNameComponent
+        )}
         <Text
           style={[
             a.text_sm,