Merge branch 'add-changelog-compose-preview'

2 files changed, 50 insertions, 0 deletions

diff --git a/android/app/build.gradle.kts b/android/app/build.gradle.kts
index 5afb5659d9..eecf52c85b 100644
--- a/android/app/build.gradle.kts
+++ b/android/app/build.gradle.kts
@@ -215,6 +215,10 @@ dependencies {
     implementation(Dependencies.Kotlin.stdlib)
     implementation(Dependencies.KotlinX.coroutinesAndroid)
 
+    // UI tooling
+    implementation(Dependencies.Compose.uiToolingPreview)
+    debugImplementation(Dependencies.Compose.uiTooling)
+
     // Leak canary
     leakCanaryImplementation(Dependencies.leakCanary)
 
diff --git a/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/component/ChangelogDialog.kt b/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/component/ChangelogDialog.kt
index 976abc5364..9f2dabae5f 100644
--- a/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/component/ChangelogDialog.kt
+++ b/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/component/ChangelogDialog.kt
@@ -17,6 +17,7 @@ import androidx.compose.ui.res.dimensionResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.sp
 import androidx.compose.ui.window.DialogProperties
 import net.mullvad.mullvadvpn.R
@@ -93,3 +94,48 @@ fun ChangelogDialog(
         backgroundColor = colorResource(id = R.color.darkBlue)
     )
 }
+
+@Preview
+@Composable
+private fun PreviewChangelogDialogWithSingleShortItem() {
+    ChangelogDialog(
+        changesList = listOf("Item 1"),
+        version = "1111.1",
+        onDismiss = {}
+    )
+}
+
+@Preview
+@Composable
+private fun PreviewChangelogDialogWithTwoLongItems() {
+    val longPreviewText = "This is a sample changelog item of a Compose Preview visualization. " +
+        "The purpose of this specific sample text is to visualize a long text that will result " +
+        "in multiple lines in the changelog dialog."
+
+    ChangelogDialog(
+        changesList = listOf(longPreviewText, longPreviewText),
+        version = "1111.1",
+        onDismiss = {}
+    )
+}
+
+@Preview
+@Composable
+private fun PreviewChangelogDialogWithTenShortItems() {
+    ChangelogDialog(
+        changesList = listOf(
+            "Item 1",
+            "Item 2",
+            "Item 3",
+            "Item 4",
+            "Item 5",
+            "Item 6",
+            "Item 7",
+            "Item 8",
+            "Item 9",
+            "Item 10"
+        ),
+        version = "1111.1",
+        onDismiss = {}
+    )
+}