Merge pull request #20604 from wordpress-mobile/feature/reader-custom…

…ization-experimental-badge [Reader Customization] Add Experimental badge
wordpress-mobile · Apr 8, 2024 · eca806c · eca806c
2 parents a22d98c + d74a6f5
commit eca806c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/.../wordpress/android/ui/reader/views/compose/readingpreferences/ReadingPreferencesScreen.kt b/.../wordpress/android/ui/reader/views/compose/readingpreferences/ReadingPreferencesScreen.kt
@@ -98,6 +98,13 @@ fun ReadingPreferencesScreen(
             onNavigationIconClick = onCloseClick,
             backgroundColor = backgroundColor,
             contentColor = baseTextColor,
+            actions = {
+                ExperimentalBadge(
+                    contentColor = textColor,
+                    fontFamily = fontFamily,
+                    modifier = Modifier.padding(end = Margin.Large.value),
+                )
+            }
         )
 
         // Preview section
@@ -232,6 +239,23 @@ fun ReadingPreferencesScreen(
     }
 }
 
+@Composable
+private fun ExperimentalBadge(
+    contentColor: Color,
+    fontFamily: FontFamily,
+    modifier: Modifier = Modifier,
+) {
+    Text(
+        text = stringResource(R.string.experimental_badge),
+        modifier = modifier,
+        style = TextStyle(
+            color = contentColor.copy(alpha = 0.6f),
+            fontWeight = FontWeight.Medium,
+            fontFamily = fontFamily,
+        ),
+    )
+}
+
 @Composable
 private fun ReadingPreferencesPreviewFeedback(
     onSendFeedbackClick: () -> Unit,

diff --git a/WordPress/src/main/res/values/strings.xml b/WordPress/src/main/res/values/strings.xml
@@ -120,6 +120,8 @@
     <string name="me">Me</string>
     <string name="everyone">Everyone</string>
 
+    <string name="experimental_badge">&lt;Experimental&gt;</string>
+
     <!-- CAB -->
     <string name="cab_selected">%d selected</string>