feat: home ui & viewModel (#2860)

Author: Nagarjuna0033

cmp-navigation/src/commonMain/kotlin/cmp/navigation/authenticated/AuthenticatedNavigation.kt

@@ -18,6 +18,8 @@ import androidx.navigation.navigation
 import cmp.navigation.authenticatednavbar.AuthenticatedNavbarRoute
 import cmp.navigation.authenticatednavbar.authenticatedNavbarGraph
 import kotlinx.serialization.Serializable
+import org.mifos.mobile.feature.notification.navigation.navigateToNotificationScreen
+import org.mifos.mobile.feature.notification.navigation.notificationDestination
 
 @Serializable
 internal data object AuthenticatedGraphRoute
@@ -33,7 +35,13 @@ internal fun NavGraphBuilder.authenticatedGraph(
     navigation<AuthenticatedGraphRoute>(
         startDestination = AuthenticatedNavbarRoute,
     ) {
-        authenticatedNavbarGraph()
+        authenticatedNavbarGraph(
+            navigateToNotificationScreen = navController::navigateToNotificationScreen,
+        )
+
+        notificationDestination(
+            navigateBack = navController::popBackStack,
+        )
     }
 }
 

cmp-navigation/src/commonMain/kotlin/cmp/navigation/authenticatednavbar/AuthenticatedNavbarNavigation.kt

@@ -24,8 +24,12 @@ internal fun NavController.navigateToAuthenticatedNavBar(navOptions: NavOptions?
     navigate(route = AuthenticatedNavbarRoute, navOptions = navOptions)
 }
 
-internal fun NavGraphBuilder.authenticatedNavbarGraph() {
+internal fun NavGraphBuilder.authenticatedNavbarGraph(
+    navigateToNotificationScreen: () -> Unit,
+) {
     composableWithStayTransitions<AuthenticatedNavbarRoute> {
-        AuthenticatedNavbarNavigationScreen()
+        AuthenticatedNavbarNavigationScreen(
+            navigateToNotificationScreen = navigateToNotificationScreen,
+        )
     }
 }

cmp-navigation/src/commonMain/kotlin/cmp/navigation/authenticatednavbar/AuthenticatedNavbarNavigationScreen.kt

@@ -50,6 +50,7 @@ import org.mifos.mobile.navigation.generated.resources.not_connected
 
 @Composable
 internal fun AuthenticatedNavbarNavigationScreen(
+    navigateToNotificationScreen: () -> Unit,
     modifier: Modifier = Modifier,
     navController: NavHostController = rememberMifosNavController(
         name = "AuthenticatedNavbarScreen",
@@ -98,12 +99,14 @@ internal fun AuthenticatedNavbarNavigationScreen(
         onAction = remember(viewModel) {
             { viewModel.trySendAction(it) }
         },
+        navigateToNotificationScreen = navigateToNotificationScreen,
     )
 }
 
 @Composable
 internal fun AuthenticatedNavbarNavigationScreenContent(
     navController: NavHostController,
+    navigateToNotificationScreen: () -> Unit,
     modifier: Modifier = Modifier,
     snackbarHostState: SnackbarHostState = remember { SnackbarHostState() },
     onAction: (AuthenticatedNavBarAction) -> Unit,
@@ -156,9 +159,8 @@ internal fun AuthenticatedNavbarNavigationScreenContent(
             // TODO Add top level destination screens
 
             homeDestination(
-                onNavigate = {},
-                callHelpline = {},
-                mailHelpline = {},
+                navigateToDestinationScreen = { },
+                navigateToNotificationScreen = navigateToNotificationScreen,
             )
 
             userprofileNavGraph(navController, {})

core/data/src/commonMain/kotlin/org/mifos/mobile/core/data/repositoryImpl/HomeRepositoryImp.kt

@@ -28,10 +28,9 @@ class HomeRepositoryImp(
     private val ioDispatcher: CoroutineDispatcher,
 ) : HomeRepository {
 
-    override fun clientAccounts(clientId: Long): Flow<DataState<ClientAccounts>> {
-        return dataManager.clientsApi.getClientAccounts(clientId)
+    override fun clientAccounts(clientId: Long): Flow<DataState<ClientAccounts>> =
+        dataManager.clientsApi.getClientAccounts(clientId)
             .asDataStateFlow().flowOn(ioDispatcher)
-    }
 
     override fun currentClient(clientId: Long): Flow<DataState<Client>> {
         return dataManager.clientsApi.getClientForId(clientId)

core/designsystem/src/commonMain/kotlin/org/mifos/mobile/core/designsystem/component/MifosTopBar.kt

@@ -24,6 +24,7 @@ import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.shadow
@@ -117,11 +118,13 @@ fun MifosRoundedTopAppBar(
 ) {
     TopAppBar(
         title = {
-            Text(
-                text = title,
-                style = MifosTypography.titleMedium,
-                color = MaterialTheme.colorScheme.onBackground,
-            )
+            if (brandIcon == null) {
+                Text(
+                    text = title,
+                    style = MifosTypography.titleMedium,
+                    color = MaterialTheme.colorScheme.onBackground,
+                )
+            }
         },
         actions = actions,
         navigationIcon = {
@@ -133,7 +136,8 @@ fun MifosRoundedTopAppBar(
                         painter = painterResource(brandIcon),
                         contentDescription = "Brand Icon",
                         modifier = Modifier
-                            .size(344.dp, 40.dp),
+                            .size(96.dp, 28.dp)
+                            .align(Alignment.TopStart),
                     )
                 }
             } else {

core/designsystem/src/commonMain/kotlin/org/mifos/mobile/core/designsystem/icon/MifosIcons.kt

@@ -54,12 +54,21 @@ import androidx.compose.material.icons.rounded.Home
 import androidx.compose.material.icons.rounded.SwapHoriz
 import androidx.compose.ui.graphics.vector.ImageVector
 import fluent.ui.system.icons.FluentIcons
+import fluent.ui.system.icons.filled.ChatBubblesQuestion
+import fluent.ui.system.icons.filled.ChatHistory
+import fluent.ui.system.icons.filled.CoinMultiple
+import fluent.ui.system.icons.filled.ContactCardRibbon
+import fluent.ui.system.icons.filled.DataWhisker
 import fluent.ui.system.icons.filled.Document
 import fluent.ui.system.icons.filled.ErrorCircle
 import fluent.ui.system.icons.filled.Eye
+import fluent.ui.system.icons.filled.Feed
 import fluent.ui.system.icons.filled.Grid
 import fluent.ui.system.icons.filled.MoneyHand
 import fluent.ui.system.icons.filled.Person
+import fluent.ui.system.icons.filled.Receipt
+import fluent.ui.system.icons.filled.Wallet
+import fluent.ui.system.icons.regular.Alert
 import fluent.ui.system.icons.regular.Calendar
 import fluent.ui.system.icons.regular.CardUi
 import fluent.ui.system.icons.regular.CheckmarkCircle
@@ -68,6 +77,7 @@ import fluent.ui.system.icons.regular.Eye
 import fluent.ui.system.icons.regular.EyeOff
 import fluent.ui.system.icons.regular.Image
 import fluent.ui.system.icons.regular.Info
+import fluent.ui.system.icons.regular.Search
 
 object MifosIcons {
     val Paid: ImageVector = Icons.Default.Paid
@@ -133,4 +143,16 @@ object MifosIcons {
     val PersonTabFilled = FluentIcons.Filled.Person
 
     val Chevron = FluentIcons.Regular.ChevronLeft
+
+    val Alert = FluentIcons.Regular.Alert
+    val SearchNew = FluentIcons.Regular.Search
+
+    val SavingsAccount = FluentIcons.Filled.Wallet
+    val LoanAccount = FluentIcons.Filled.CoinMultiple
+    val ShareAccount = FluentIcons.Filled.DataWhisker
+    val ApplyForLoan = FluentIcons.Filled.Receipt
+    val TransactionHistory = FluentIcons.Filled.ChatHistory
+    val Charges = FluentIcons.Filled.Feed
+    val Beneficiary = FluentIcons.Filled.ContactCardRibbon
+    val Faq = FluentIcons.Filled.ChatBubblesQuestion
 }

core/designsystem/src/commonMain/kotlin/org/mifos/mobile/core/designsystem/theme/Type.kt

@@ -251,6 +251,14 @@ object MifosTypography {
             fontWeight = FontWeight(500),
         )
 
+    val titleMediumEmphasized: TextStyle
+        @Composable get() = TextStyle(
+            fontSize = 16.sp,
+            lineHeight = 24.sp,
+            fontFamily = fontFamily(),
+            fontWeight = FontWeight(600),
+        )
+
     val titleSmall: TextStyle
         @Composable get() = TextStyle(
             fontSize = 14.sp,
@@ -334,6 +342,15 @@ object MifosTypography {
             fontWeight = FontWeight(400),
         )
 
+    val bodySmallEmphasized: TextStyle
+        @Composable get() = TextStyle(
+            fontSize = 12.sp,
+            lineHeight = 16.sp,
+            fontFamily = fontFamily(),
+            letterSpacing = 0.4.sp,
+            fontWeight = FontWeight(500),
+        )
+
     // verified
     val tag: TextStyle
         @Composable get() = TextStyle(

core/network/src/androidMain/kotlin/org/mifos/mobile/core/network/KtorHttpClient.android.kt

@@ -23,6 +23,7 @@ import co.touchlab.kermit.Logger.Companion as KermitLogger
 
 actual val ktorHttpClient: HttpClient
     get() = HttpClient(OkHttp) {
+        expectSuccess = true
         install(HttpTimeout) {
             socketTimeoutMillis = 60_000
             requestTimeoutMillis = 60_000