chore(fc): match textStyle in room open/close banner button with info text

Signed-off-by: Brandon McAnsh <[email protected]>

Author: bmc08gt

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/chat/conversation/ConversationChatInput.kt

@@ -141,7 +141,7 @@ fun ConversationChatInput(
                             ),
                         buttonState = ButtonState.Filled,
                         text = stringResource(
-                            R.string.action_joinRoomWithCost,
+                            R.string.action_payToChatInRoom,
                             formatAmountString(
                                 resources = LocalResources.current!!,
                                 currency = Currency.Kin,
@@ -202,11 +202,14 @@ private fun RoomOpenControlBar(
         )
 
         CodeButton(
-            text = stringResource(R.string.action_change),
+            text = stringResource(
+                if (isOpen) R.string.action_close else R.string.action_reopen
+            ),
             shape = CircleShape,
             buttonState = ButtonState.Filled,
             overrideContentPadding = true,
             contentPadding = PaddingValues(horizontal = CodeTheme.dimens.grid.x2),
+            style = CodeTheme.typography.textSmall
         ) {
             onChangeRequest()
         }

flipchatApp/src/main/res/values/strings.xml

@@ -98,6 +98,7 @@
 
     <string name="action_joinRoomByName">Join %1$s</string>
     <string name="action_joinRoomWithCost">Join Room: ⬢ %1$s</string>
+    <string name="action_payToChatInRoom">Pay to Chat: ⬢ %1$s</string>
     <string name="action_watchRoom">Watch Room</string>
 
     <string name="title_leaveRoom">Leave Room?</string>
@@ -171,12 +172,14 @@
     <string name="subtitle_roomNameHint">Enter a name appropriate for all ages</string>
 
     <string name="title_youHaveBeenMuted">You\'ve been muted</string>
-    <string name="title_roomIsClosed">This room is currently closed. Only the host can message until they reopen it.</string>
+    <string name="title_roomIsClosed">The host has temporarily closed this room. Only they can send messages until they reopen it</string>
     <string name="subtitle_roomIsOpen">Your room is currently open</string>
     <string name="subtitle_roomIsClosed">Your room is currently closed</string>
     <string name="action_change">Change</string>
+    <string name="action_reopen">Reopen</string>
+    <string name="action_close">Close</string>
     <string name="prompt_title_reopenRoom">Reopen Room?</string>
-    <string name="prompt_description_reopenRoom">Room members will be able to send messages again</string>
+    <string name="prompt_description_reopenRoom">People will be able to send messages again</string>
     <string name="prompt_title_closeRoom">Close Room Temporarily?</string>
     <string name="prompt_description_closeRoom">Only you will be able to send messages until you reopen the room</string>
     <string name="action_closeTemporarily">Close Temporarily</string>

ui/components/src/main/kotlin/com/getcode/ui/theme/CodeButton.kt

@@ -28,6 +28,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.graphics.takeOrElse
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.DpSize
 import androidx.compose.ui.unit.dp
@@ -66,6 +67,7 @@ fun CodeButton(
     buttonState: ButtonState = ButtonState.Bordered,
     textColor: Color = Color.Unspecified,
     shape: Shape = CodeTheme.shapes.small,
+    style: TextStyle = CodeTheme.typography.textMedium,
     onClick: () -> Unit,
 ) {
     CodeButton(
@@ -79,6 +81,7 @@ fun CodeButton(
         overrideContentPadding = overrideContentPadding,
         shape = shape,
         contentColor = textColor,
+        style = style,
     ) {
         Text(text = text)
     }
@@ -100,6 +103,7 @@ fun CodeButton(
     ),
     overrideContentPadding: Boolean = false,
     contentColor: Color = Color.Unspecified,
+    style: TextStyle = CodeTheme.typography.textMedium,
     content: @Composable RowScope.() -> Unit,
 ) {
     val isEnabled by remember(enabled, isLoading, isSuccess) {
@@ -160,7 +164,7 @@ fun CodeButton(
                 }
 
                 else -> {
-                    ProvideTextStyle(value = CodeTheme.typography.textMedium) {
+                    ProvideTextStyle(value = style) {
                         content()
                     }
                 }