What's New: Introduce Synced Transcripts feature (#5377)

Author: geekygecko

modules/features/settings/src/main/java/au/com/shiftyjelly/pocketcasts/settings/whatsnew/ShuffleHeader.kt

@@ -0,0 +1,21 @@
+package au.com.shiftyjelly.pocketcasts.settings.whatsnew
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import au.com.shiftyjelly.pocketcasts.images.R as IR
+
+@Composable
+fun SyncedTranscriptsHeader(modifier: Modifier = Modifier) {
+    Image(
+        painter = painterResource(id = IR.drawable.whats_new_synced_transcripts),
+        contentDescription = null,
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(bottom = 16.dp),
+    )
+}

modules/features/settings/src/main/java/au/com/shiftyjelly/pocketcasts/settings/whatsnew/SyncedTranscriptsHeader.kt

@@ -30,18 +30,23 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalConfiguration
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.PreviewParameter
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
+import au.com.shiftyjelly.pocketcasts.compose.AppThemeWithBackground
 import au.com.shiftyjelly.pocketcasts.compose.bars.NavigationButton
 import au.com.shiftyjelly.pocketcasts.compose.bars.ThemedTopAppBar
 import au.com.shiftyjelly.pocketcasts.compose.buttons.RowButton
 import au.com.shiftyjelly.pocketcasts.compose.buttons.RowTextButton
 import au.com.shiftyjelly.pocketcasts.compose.components.TextH10
 import au.com.shiftyjelly.pocketcasts.compose.components.TextP40
+import au.com.shiftyjelly.pocketcasts.compose.preview.ThemePreviewParameterProvider
 import au.com.shiftyjelly.pocketcasts.compose.theme
 import au.com.shiftyjelly.pocketcasts.settings.whatsnew.WhatsNewViewModel.UiState
 import au.com.shiftyjelly.pocketcasts.settings.whatsnew.WhatsNewViewModel.WhatsNewFeature
+import au.com.shiftyjelly.pocketcasts.ui.theme.Theme
 
 @Composable
 fun WhatsNewPage(
@@ -59,7 +64,7 @@ fun WhatsNewPage(
                 state = uiState,
                 header = {
                     when (uiState.feature) {
-                        is WhatsNewFeature.Shuffle -> ShuffleHeader()
+                        is WhatsNewFeature.SyncedTranscripts -> SyncedTranscriptsHeader()
                     }
                 },
                 onConfirm = { viewModel.onConfirm() },
@@ -141,7 +146,7 @@ private fun WhatsNewPageLoaded(
                 TextP40(
                     text = stringResource(state.feature.message),
                     textAlign = TextAlign.Center,
-                    color = MaterialTheme.theme.colors.primaryText01,
+                    color = MaterialTheme.theme.colors.primaryText02,
                     modifier = Modifier.padding(horizontal = 32.dp).padding(bottom = 8.dp),
                 )
 
@@ -174,3 +179,18 @@ private fun WhatsNewPageLoaded(
         }
     }
 }
+
+@Preview(showBackground = true)
+@Composable
+private fun WhatsNewPagePreview(
+    @PreviewParameter(ThemePreviewParameterProvider::class) themeType: Theme.ThemeType,
+) {
+    AppThemeWithBackground(themeType) {
+        WhatsNewPageLoaded(
+            state = UiState.Loaded(feature = WhatsNewFeature.SyncedTranscripts),
+            onConfirm = {},
+            onClose = {},
+            header = { SyncedTranscriptsHeader() },
+        )
+    }
+}

modules/features/settings/src/main/java/au/com/shiftyjelly/pocketcasts/settings/whatsnew/WhatsNewPage.kt

@@ -23,7 +23,7 @@ class WhatsNewViewModel @Inject constructor() : ViewModel() {
 
     init {
         _state.value = UiState.Loaded(
-            feature = WhatsNewFeature.Shuffle,
+            feature = WhatsNewFeature.SyncedTranscripts,
         )
     }
 
@@ -52,9 +52,9 @@ class WhatsNewViewModel @Inject constructor() : ViewModel() {
         val hasOffer: Boolean
         val isUserEntitled: Boolean
 
-        data object Shuffle : WhatsNewFeature {
-            override val title = LR.string.shuffle_whats_new_title
-            override val message = LR.string.shuffle_whats_new_message
+        data object SyncedTranscripts : WhatsNewFeature {
+            override val title = LR.string.synced_transcripts_whats_new_title
+            override val message = LR.string.synced_transcripts_whats_new_message
             override val confirmButtonTitle = LR.string.got_it
             override val hasOffer = false
             override val isUserEntitled = true