feat: about migrate to cmp

build-logic/convention/src/main/kotlin/CMPFeatureConventionPlugin.kt

@@ -17,8 +17,8 @@ class CMPFeatureConventionPlugin : Plugin<Project> {
             dependencies {
                 add("commonMainImplementation", project(":core:ui"))
                 add("commonMainImplementation", project(":core:designsystem"))
-                add("commonMainImplementation", project(":core:testing"))
-                add("commonMainImplementation", project(":core:data"))
+                //add("commonMainImplementation", project(":core:testing"))
+              //  add("commonMainImplementation", project(":core:data"))
 
                 add("commonMainImplementation", libs.findLibrary("koin.compose").get())
                 add("commonMainImplementation", libs.findLibrary("koin.compose.viewmodel").get())

feature/about/build.gradle.kts

@@ -8,17 +8,20 @@
  * See https://github.com/openMF/android-client/blob/master/LICENSE.md
  */
 plugins {
-    alias(libs.plugins.mifos.android.feature)
-    alias(libs.plugins.mifos.android.library.compose)
-    alias(libs.plugins.mifos.android.library.jacoco)
+   alias(libs.plugins.mifos.cmp.feature)
 }
 
 android {
     namespace = "com.mifos.feature.about"
 }
 
-dependencies {
-//    testImplementation(libs.hilt.android.testing)
-//    testImplementation(projects.core.testing)
-//    androidTestImplementation(projects.core.testing)
+kotlin {
+    sourceSets {
+        commonMain.dependencies {
+            implementation(compose.material3)
+            implementation(compose.components.resources)
+            implementation(compose.ui)
+
+        }
+    }
 }

feature/about/src/commonMain/kotlin/com/mifos/feature/about/AboutData.kt

@@ -0,0 +1,41 @@
+package com.mifos.feature.about
+
+import androidclient.feature.about.generated.resources.Res
+import androidclient.feature.about.generated.resources.feature_about_app_version
+import androidclient.feature.about.generated.resources.feature_about_ic_source_code
+import androidclient.feature.about.generated.resources.feature_about_ic_website
+import androidclient.feature.about.generated.resources.feature_about_icon_twitter
+import androidclient.feature.about.generated.resources.feature_about_license
+import androidclient.feature.about.generated.resources.feature_about_license_sub
+import androidclient.feature.about.generated.resources.feature_about_support_github
+import androidclient.feature.about.generated.resources.feature_about_support_twitter
+import androidclient.feature.about.generated.resources.feature_about_website
+
+val aboutItems = listOf(
+    AboutItem(
+        icon = null,
+        title = Res.string.feature_about_app_version,
+        id = AboutItems.APP_VERSION,
+    ),
+    AboutItem(
+        icon = Res.drawable.feature_about_ic_website,
+        title = Res.string.feature_about_website,
+        id = AboutItems.OFFICIAL_WEBSITE,
+    ),
+    AboutItem(
+        icon = Res.drawable.feature_about_icon_twitter,
+        title = Res.string.feature_about_support_twitter,
+        id = AboutItems.TWITTER,
+    ),
+    AboutItem(
+        icon = Res.drawable.feature_about_ic_source_code,
+        title = Res.string.feature_about_support_github,
+        id = AboutItems.SOURCE_CODE,
+    ),
+    AboutItem(
+        icon = null,
+        title = Res.string.feature_about_license,
+        subtitle = Res.string.feature_about_license_sub,
+        id = AboutItems.LICENSE,
+    ),
+)

feature/about/src/main/java/com/mifos/feature/about/AboutItem.kt → feature/about/src/commonMain/kotlin/com/mifos/feature/about/AboutItem.kt

@@ -10,11 +10,23 @@
 package com.mifos.feature.about
 
 import androidx.compose.ui.graphics.Color
+import org.jetbrains.compose.resources.DrawableResource
+import org.jetbrains.compose.resources.StringResource
 
 data class AboutItem(
-    val icon: Int?,
-    val title: Int,
-    val subtitle: Int?,
-    val color: Color,
+    val icon: DrawableResource? = null,
+    val title: StringResource,
+    val subtitle: StringResource? = null,
+    val color: Color? = null,
     val id: AboutItems,
 )
+
+
+enum class AboutItems {
+    CONTRIBUTIONS,
+    APP_VERSION,
+    OFFICIAL_WEBSITE,
+    TWITTER,
+    SOURCE_CODE,
+    LICENSE,
+}

feature/about/src/commonMain/kotlin/com/mifos/feature/about/AboutScreen.kt

@@ -0,0 +1,136 @@
+package com.mifos.feature.about
+
+import androidclient.feature.about.generated.resources.Res
+import androidclient.feature.about.generated.resources.feature_about
+import androidclient.feature.about.generated.resources.feature_about_app
+import androidclient.feature.about.generated.resources.feature_about_ic_launcher
+import androidclient.feature.about.generated.resources.feature_about_mifos
+import androidclient.feature.about.generated.resources.feature_about_mifos_x_droid
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalUriHandler
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.mifos.core.designsystem.component.MifosScaffold
+import com.mifos.core.designsystem.theme.aboutItemTextStyle
+import com.mifos.core.designsystem.theme.aboutItemTextStyleBold
+import com.mifos.core.ui.util.ShareUtils
+import org.jetbrains.compose.resources.painterResource
+import org.jetbrains.compose.resources.stringResource
+
+@Composable
+internal fun AboutScreen(
+    onBackPressed: () -> Unit,
+) {
+    val uriHandler = LocalUriHandler.current
+
+    MifosScaffold(
+        title = stringResource(Res.string.feature_about),
+        onBackPressed = onBackPressed,
+        snackbarHostState = remember { SnackbarHostState() },
+    ) { paddingValues ->
+        Column(
+            modifier = Modifier.padding(paddingValues),
+            horizontalAlignment = Alignment.CenterHorizontally,
+        ) {
+            Image(
+                modifier = Modifier.size(100.dp),
+                painter = painterResource(Res.drawable.feature_about_ic_launcher),
+                contentDescription = null,
+            )
+            Text(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp),
+                text = stringResource(Res.string.feature_about_mifos_x_droid),
+                style = aboutItemTextStyleBold,
+            )
+            Text(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(start = 16.dp, end = 16.dp),
+                text = stringResource(Res.string.feature_about_app),
+                style = aboutItemTextStyle,
+            )
+            Text(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+                    .clickable {
+                        ShareUtils.openUrl("https://github.com/openMF/android-client/graphs/contributors")
+                    },
+                text = stringResource(Res.string.feature_about_mifos),
+                style = TextStyle(fontSize = 16.sp),
+                color = Color.Blue,
+                textAlign = TextAlign.Center,
+            )
+            LazyColumn {
+                items(aboutItems) { about ->
+                    AboutCardItem(about = about) {
+                        when (it) {
+                            AboutItems.CONTRIBUTIONS -> ShareUtils.openUrl("https://github.com/openMF/android-client/graphs/contributors")
+                            AboutItems.APP_VERSION -> Unit
+                            AboutItems.OFFICIAL_WEBSITE -> ShareUtils.openUrl("https://openmf.github.io/mobileapps.github.io/")
+                            AboutItems.TWITTER -> ShareUtils.openUrl("https://twitter.com/mifos")
+                            AboutItems.SOURCE_CODE -> ShareUtils.openUrl("https://github.com/openMF/android-client")
+                            AboutItems.LICENSE -> ShareUtils.openUrl("https://github.com/openMF/android-client/blob/master/LICENSE.md")
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun AboutCardItem(
+    about: AboutItem,
+    onOptionClick: (AboutItems) -> Unit,
+) {
+    ElevatedCard(
+        modifier = Modifier.padding(horizontal = 16.dp, vertical = 8.dp),
+        elevation = CardDefaults.elevatedCardElevation(0.dp),
+        onClick = { onOptionClick(about.id) },
+    ) {
+        Row(
+            modifier = Modifier.padding(16.dp),
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            about.icon?.let {
+                Icon(
+                    painter = painterResource(it),
+                    contentDescription = null,
+                )
+            }
+            Column {
+                Text(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(horizontal = 16.dp),
+                    text = stringResource(about.title),
+                    style = MaterialTheme.typography.titleMedium,
+                )
+                about.subtitle?.let {
+                    Text(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .padding(horizontal = 16.dp),
+                        text = stringResource(it),
+                        style = MaterialTheme.typography.bodyMedium,
+                    )
+                }
+            }
+        }
+    }
+}

feature/about/src/main/java/com/mifos/feature/about/AboutUiState.kt → feature/about/src/commonMain/kotlin/com/mifos/feature/about/AboutUiState.kt

@@ -9,11 +9,13 @@
  */
 package com.mifos.feature.about
 
+import org.jetbrains.compose.resources.StringResource
+
 sealed class AboutUiState {
 
     data object Loading : AboutUiState()
 
-    data class Error(val message: Int) : AboutUiState()
+    data class Error(val message: StringResource) : AboutUiState()
 
     data class AboutOptions(val aboutOptions: List<AboutItem>) : AboutUiState()
 }

feature/about/src/commonMain/kotlin/com/mifos/feature/about/AboutViewModel.kt

@@ -0,0 +1,87 @@
+/*
+ * Copyright 2024 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * See https://github.com/openMF/android-client/blob/master/LICENSE.md
+ */
+package com.mifos.feature.about
+
+import androidclient.feature.about.generated.resources.feature_about_app_version
+import androidclient.feature.about.generated.resources.feature_about_failed_to_load
+import androidclient.feature.about.generated.resources.feature_about_ic_source_code
+import androidclient.feature.about.generated.resources.feature_about_ic_website
+import androidclient.feature.about.generated.resources.feature_about_icon_twitter
+import androidclient.feature.about.generated.resources.feature_about_license
+import androidclient.feature.about.generated.resources.feature_about_license_sub
+import androidclient.feature.about.generated.resources.feature_about_support_github
+import androidclient.feature.about.generated.resources.feature_about_support_twitter
+import androidclient.feature.about.generated.resources.feature_about_website
+import androidx.compose.ui.graphics.Color.Companion.White
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class AboutViewModel : ViewModel() {
+
+    private val _aboutUiState = MutableStateFlow<AboutUiState>(AboutUiState.Loading)
+    val aboutUiState = _aboutUiState.asStateFlow()
+
+    fun getAboutOptions() = viewModelScope.launch {
+        try {
+            val options = listOf(
+                AboutItem(
+                    icon = null,
+                    title = androidclient.feature.about.generated.resources.Res.string.feature_about_app_version,
+                    subtitle = null,
+                    // color = Color.Blue,
+                    id = AboutItems.APP_VERSION,
+                ),
+                AboutItem(
+                    icon = androidclient.feature.about.generated.resources.Res.drawable.feature_about_ic_website,
+                    title = androidclient.feature.about.generated.resources.Res.string.feature_about_website,
+                    subtitle = null,
+                    // color = White,
+                    id = AboutItems.OFFICIAL_WEBSITE,
+                ),
+                AboutItem(
+                    icon = androidclient.feature.about.generated.resources.Res.drawable.feature_about_icon_twitter,
+                    title = androidclient.feature.about.generated.resources.Res.string.feature_about_support_twitter,
+                    subtitle = null,
+                    color = White,
+                    id = AboutItems.TWITTER,
+                ),
+                AboutItem(
+                    icon = androidclient.feature.about.generated.resources.Res.drawable.feature_about_ic_source_code,
+                    title = androidclient.feature.about.generated.resources.Res.string.feature_about_support_github,
+                    subtitle = null,
+                    // color = White,
+                    id = AboutItems.SOURCE_CODE,
+                ),
+                AboutItem(
+                    icon = null,
+                    title = androidclient.feature.about.generated.resources.Res.string.feature_about_license,
+                    subtitle = androidclient.feature.about.generated.resources.Res.string.feature_about_license_sub,
+                    //  color = Color.Blue,
+                    id = AboutItems.LICENSE,
+                ),
+            )
+            _aboutUiState.value = AboutUiState.AboutOptions(options)
+        } catch (exception: Exception) {
+            _aboutUiState.value = AboutUiState.Error(androidclient.feature.about.generated.resources.Res.string.feature_about_failed_to_load)
+        }
+    }
+}
+
+enum class AboutItems {
+    CONTRIBUTIONS,
+    APP_VERSION,
+    OFFICIAL_WEBSITE,
+    TWITTER,
+    SOURCE_CODE,
+    LICENSE,
+}