Extract room name and topic to dedicated composable

features/createroom/impl/src/main/kotlin/io/element/android/features/createroom/impl/configureroom/ConfigureRoomView.kt

@@ -167,22 +167,12 @@ fun RoomNameWithAvatar(
             onClick = onAvatarClick,
         )
 
-        Column(
+        LabelledTextField(
-            verticalArrangement = Arrangement.spacedBy(8.dp),
+            label = "Room name",
-        ) {
+            value = roomName,
-            Text(
+            placeholder = "e.g. Product Sprint",
-                modifier = Modifier.padding(horizontal = 16.dp),
+            onValueChange = onRoomNameChanged
-                text = "Room name"
+        )
-            )
-
-            TextField(
-                modifier = Modifier.fillMaxWidth(),
-                value = roomName,
-                placeholder = { Text("e.g. Product Sprint") },
-                onValueChange = onRoomNameChanged,
-                maxLines = 1,
-            )
-        }
     }
 }
 
@@ -227,22 +217,14 @@ fun RoomTopic(
     modifier: Modifier = Modifier,
     onTopicChanged: (String) -> Unit = {},
 ) {
-    Column(
+    LabelledTextField(
         modifier = modifier,
-        verticalArrangement = Arrangement.spacedBy(8.dp),
+        label = "Topic (optional)",
-    ) {
+        value = topic,
-        Text(
+        placeholder = "What is this room about?",
-            modifier = Modifier.padding(horizontal = 16.dp),
+        onValueChange = onTopicChanged,
-            text = "Topic (optional)",
+        maxLines = 3,
-        )
+    )
-        TextField(
-            modifier = Modifier.fillMaxWidth(),
-            value = topic,
-            placeholder = { Text("What is this room about?") },
-            onValueChange = onTopicChanged,
-            maxLines = 3,
-        )
-    }
 }
 
 @Composable
@@ -345,6 +327,34 @@ fun RoomPrivacyOption(
     }
 }
 
+@Composable
+fun LabelledTextField(
+    label: String,
+    value: String,
+    modifier: Modifier = Modifier,
+    placeholder: String = "",
+    maxLines: Int = 1,
+    onValueChange: (String) -> Unit,
+) {
+    Column(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        Text(
+            modifier = Modifier.padding(horizontal = 16.dp),
+            text = label
+        )
+
+        TextField(
+            modifier = Modifier.fillMaxWidth(),
+            value = value,
+            placeholder = { Text(placeholder) },
+            onValueChange = onValueChange,
+            maxLines = maxLines,
+        )
+    }
+}
+
 @Preview
 @Composable
 fun ConfigureRoomViewLightPreview(@PreviewParameter(ConfigureRoomStateProvider::class) state: ConfigureRoomState) =