[Feature/#50] 추천 루틴 API 연동

app/src/main/java/com/threegap/bitnagil/di/data/DataSourceModule.kt

@@ -8,6 +8,8 @@ import com.threegap.bitnagil.data.emotion.datasource.EmotionDataSource
 import com.threegap.bitnagil.data.emotion.datasourceImpl.EmotionDataSourceImpl
 import com.threegap.bitnagil.data.onboarding.datasource.OnBoardingDataSource
 import com.threegap.bitnagil.data.onboarding.datasourceImpl.OnBoardingDataSourceImpl
+import com.threegap.bitnagil.data.recommendroutine.datasource.RecommendRoutineDataSource
+import com.threegap.bitnagil.data.recommendroutine.datasourceImpl.RecommendRoutineDataSourceImpl
 import com.threegap.bitnagil.data.routine.datasource.RoutineRemoteDataSource
 import com.threegap.bitnagil.data.routine.datasourceImpl.RoutineRemoteDataSourceImpl
 import com.threegap.bitnagil.data.writeroutine.datasource.WriteRoutineDataSource
@@ -45,4 +47,8 @@ abstract class DataSourceModule {
     @Binds
     @Singleton
     abstract fun bindWriteRoutineDataSource(writeRoutineDataSourceImpl: WriteRoutineDataSourceImpl): WriteRoutineDataSource
+
+    @Binds
+    @Singleton
+    abstract fun bindRecommendRoutineDataSource(recommendRoutineDataSourceImpl: RecommendRoutineDataSourceImpl): RecommendRoutineDataSource
 }

app/src/main/java/com/threegap/bitnagil/di/data/RepositoryModule.kt

@@ -3,11 +3,13 @@ package com.threegap.bitnagil.di.data
 import com.threegap.bitnagil.data.auth.repositoryimpl.AuthRepositoryImpl
 import com.threegap.bitnagil.data.emotion.repositoryImpl.EmotionRepositoryImpl
 import com.threegap.bitnagil.data.onboarding.repositoryImpl.OnBoardingRepositoryImpl
+import com.threegap.bitnagil.data.recommendroutine.repositoryImpl.RecommendRoutineRepositoryImpl
 import com.threegap.bitnagil.data.routine.repositoryImpl.RoutineRepositoryImpl
 import com.threegap.bitnagil.data.writeroutine.repositoryImpl.WriteRoutineRepositoryImpl
 import com.threegap.bitnagil.domain.auth.repository.AuthRepository
 import com.threegap.bitnagil.domain.emotion.repository.EmotionRepository
 import com.threegap.bitnagil.domain.onboarding.repository.OnBoardingRepository
+import com.threegap.bitnagil.domain.recommendroutine.repository.RecommendRoutineRepository
 import com.threegap.bitnagil.domain.routine.repository.RoutineRepository
 import com.threegap.bitnagil.domain.writeroutine.repository.WriteRoutineRepository
 import dagger.Binds
@@ -39,4 +41,8 @@ abstract class RepositoryModule {
     @Binds
     @Singleton
     abstract fun bindWriteRoutineRepository(writeRoutineRepositoryImpl: WriteRoutineRepositoryImpl): WriteRoutineRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindRecommendRoutineRepository(recommendRoutineRepositoryImpl: RecommendRoutineRepositoryImpl): RecommendRoutineRepository
 }

app/src/main/java/com/threegap/bitnagil/di/data/ServiceModule.kt

@@ -3,6 +3,7 @@ package com.threegap.bitnagil.di.data
 import com.threegap.bitnagil.data.auth.service.AuthService
 import com.threegap.bitnagil.data.emotion.service.EmotionService
 import com.threegap.bitnagil.data.onboarding.service.OnBoardingService
+import com.threegap.bitnagil.data.recommendroutine.service.RecommendRoutineService
 import com.threegap.bitnagil.data.routine.service.RoutineService
 import com.threegap.bitnagil.data.writeroutine.service.WriteRoutineService
 import com.threegap.bitnagil.di.core.Auth
@@ -48,4 +49,9 @@ object ServiceModule {
     @Singleton
     fun provideReissueService(@NoneAuth retrofit: Retrofit): ReissueService =
         retrofit.create(ReissueService::class.java)
+
+    @Provides
+    @Singleton
+    fun provideRecommendRoutineService(@Auth retrofit: Retrofit): RecommendRoutineService =
+        retrofit.create(RecommendRoutineService::class.java)
 }

app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavHost.kt

@@ -3,17 +3,28 @@ package com.threegap.bitnagil.navigation.home
 import android.annotation.SuppressLint
 import android.app.Activity
 import androidx.activity.compose.BackHandler
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Scaffold
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableLongStateOf
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
+import com.threegap.bitnagil.designsystem.BitnagilTheme
+import com.threegap.bitnagil.designsystem.R
+import com.threegap.bitnagil.designsystem.component.atom.BitnagilFloatingActionMenu
+import com.threegap.bitnagil.designsystem.component.atom.FloatingActionItem
+import com.threegap.bitnagil.designsystem.modifier.clickableWithoutRipple
 import com.threegap.bitnagil.presentation.home.HomeScreenContainer
 import com.threegap.bitnagil.presentation.mypage.MyPageScreenContainer
 import com.threegap.bitnagil.presentation.recommendroutine.RecommendRoutineScreenContainer
@@ -31,48 +42,83 @@ fun HomeNavHost(
     navigateToEmotion: () -> Unit,
 ) {
     val navigator = rememberHomeNavigator()
+    var showFloatingOverlay by remember { mutableStateOf(false) }
 
     DoubleBackButtonPressedHandler()
 
-    Scaffold(
-        modifier = Modifier.fillMaxSize(),
-        bottomBar = {
-            HomeBottomNavigationBar(navController = navigator.navController)
-        },
-        content = { _ ->
-            NavHost(
-                navController = navigator.navController,
-                startDestination = navigator.startDestination,
-                modifier = modifier,
-            ) {
-                composable(HomeRoute.Home.route) {
-                    HomeScreenContainer(
-                        navigateToRegisterRoutine = {
-                            navigateToRegisterRoutine(null)
-                        },
-                        navigateToEditRoutine = navigateToEditRoutine,
-                        navigateToEmotion = navigateToEmotion,
-                    )
-                }
+    Box(modifier = Modifier.fillMaxSize()) {
+        Scaffold(
+            modifier = Modifier.fillMaxSize(),
+            bottomBar = {
+                HomeBottomNavigationBar(navController = navigator.navController)
+            },
+            content = { _ ->
+                NavHost(
+                    navController = navigator.navController,
+                    startDestination = navigator.startDestination,
+                    modifier = modifier,
+                ) {
+                    composable(HomeRoute.Home.route) {
+                        HomeScreenContainer(
+                            navigateToRegisterRoutine = {
+                                navigateToRegisterRoutine(null)
+                            },
+                            navigateToEditRoutine = navigateToEditRoutine,
+                            navigateToEmotion = navigateToEmotion,
+                        )
+                    }
 
-                composable(HomeRoute.RecommendRoutine.route) {
-                    RecommendRoutineScreenContainer(
-                        navigateToEmotion = navigateToEmotion,
-                        navigateToRegisterRoutine = navigateToRegisterRoutine,
-                    )
-                }
+                    composable(HomeRoute.RecommendRoutine.route) {
+                        RecommendRoutineScreenContainer(
+                            navigateToEmotion = navigateToEmotion,
+                            navigateToRegisterRoutine = navigateToRegisterRoutine,
+                        )
+                    }
 
-                composable(HomeRoute.MyPage.route) {
-                    MyPageScreenContainer(
-                        navigateToSetting = navigateToSetting,
-                        navigateToOnBoarding = navigateToOnBoarding,
-                        navigateToNotice = navigateToNotice,
-                        navigateToQnA = navigateToQnA,
-                    )
+                    composable(HomeRoute.MyPage.route) {
+                        MyPageScreenContainer(
+                            navigateToSetting = navigateToSetting,
+                            navigateToOnBoarding = navigateToOnBoarding,
+                            navigateToNotice = navigateToNotice,
+                            navigateToQnA = navigateToQnA,
+                        )
+                    }
                 }
+            },
+        )
+
+        if (navigator.shouldShowFloatingAction()) {
+            if (showFloatingOverlay) {
+                Box(
+                    modifier = Modifier
+                        .fillMaxSize()
+                        .background(BitnagilTheme.colors.black.copy(alpha = 0.7f))
+                        .clickableWithoutRipple { showFloatingOverlay = false },
+                )
             }
-        },
-    )
+
+            BitnagilFloatingActionMenu(
+                actions = listOf(
+                    FloatingActionItem(
+                        icon = R.drawable.ic_report,
+                        text = "제보하기",
+                        onClick = {},
+                    ),
+                    FloatingActionItem(
+                        icon = R.drawable.ic_add_routine,
+                        text = "루틴 등록",
+                        onClick = { navigateToRegisterRoutine(null) },
+                    ),
+                ),
+                isExpanded = showFloatingOverlay,
+                onToggle = { expanded -> showFloatingOverlay = expanded },
+                modifier = Modifier
+                    .align(Alignment.BottomEnd)
+                    .padding(16.dp)
+                    .padding(bottom = 80.dp),
+            )
+        }
+    }
 }
 
 @Composable

app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavigator.kt

@@ -3,12 +3,24 @@ package com.threegap.bitnagil.navigation.home
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.navigation.NavHostController
+import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
 
 class HomeNavigator(
     val navController: NavHostController,
 ) {
     val startDestination = HomeRoute.Home.route
+
+    @Composable
+    fun getCurrentRoute(): String? {
+        return navController.currentBackStackEntryAsState().value?.destination?.route
+    }
+
+    @Composable
+    fun shouldShowFloatingAction(): Boolean {
+        val currentRoute = getCurrentRoute()
+        return currentRoute == HomeRoute.Home.route || currentRoute == HomeRoute.RecommendRoutine.route
+    }
 }
 
 @Composable

core/designsystem/src/main/java/com/threegap/bitnagil/designsystem/color/BitnagilColors.kt

@@ -15,6 +15,10 @@ data class BitnagilColors(
     val emotionLonely: Color = EmotionLonely,
     val emotionSad: Color = EmotionSad,
     val emotionAnxiety: Color = EmotionAnxiety,
+    val progressBarGradientStartColor: Color = ProgressBarGradientStartColor,
+    val progressBarGradientEndColor: Color = ProgressBarGradientEndColor,
+    val homeGradientStartColor: Color = HomeGradientStartColor,
+    val homeGradientEndColor: Color = HomeGradientEndColor,
     val coolGray99: Color = CoolGray99,
     val coolGray98: Color = CoolGray98,
     val coolGray97: Color = CoolGray97,

core/designsystem/src/main/java/com/threegap/bitnagil/designsystem/color/Color.kt

@@ -11,6 +11,10 @@ val EmotionLethargy = Color(0xFFFFC0A1)
 val EmotionLonely = Color(0xFFC8C1DE)
 val EmotionSad = Color(0xFFA9B9FF)
 val EmotionAnxiety = Color(0xFF96D8AD)
+val ProgressBarGradientStartColor = Color(0xFFA9CFFF)
+val ProgressBarGradientEndColor = Color(0xFFFFCDB3)
+val HomeGradientStartColor = Color(0xFFFFEADF)
+val HomeGradientEndColor = Color(0xFFF0F7FF)
 
 val CoolGray99 = Color(0xFFF7F7F8)
 val CoolGray98 = Color(0xFFF4F4F5)
@@ -26,7 +30,7 @@ val CoolGray40 = Color(0xFF5A5C63)
 val CoolGray30 = Color(0xFF46474C)
 val CoolGray20 = Color(0xFF292A2D)
 val CoolGray10 = Color(0xFF171719)
-val CoolGray7 = Color(0xFF0F0F10)
+val CoolGray7 = Color(0xFF141415)
 val CoolGray5 = Color(0xFF0F0F10)
 
 val Navy900 = Color(0xFF050B1B)

core/designsystem/src/main/java/com/threegap/bitnagil/designsystem/component/atom/BitnagilCheckBox.kt

@@ -0,0 +1,79 @@
+package com.threegap.bitnagil.designsystem.component.atom
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.threegap.bitnagil.designsystem.BitnagilTheme
+import com.threegap.bitnagil.designsystem.R
+import com.threegap.bitnagil.designsystem.modifier.clickableWithoutRipple
+
+@Composable
+fun BitnagilCheckBox(
+    checked: Boolean,
+    modifier: Modifier = Modifier,
+    onCheckedChange: ((Boolean) -> Unit)? = null,
+    colors: BitnagilCheckBoxColor = BitnagilCheckBoxColor.terms(),
+) {
+    val iconColor = if (checked) colors.checkedColor else colors.uncheckedColor
+
+    Box(
+        modifier = modifier
+            .let {
+                if (onCheckedChange != null) {
+                    it.clickableWithoutRipple { onCheckedChange(!checked) }
+                } else {
+                    it
+                }
+            }
+            .background(
+                color = BitnagilTheme.colors.white,
+                shape = RoundedCornerShape(6.dp),
+            ),
+        contentAlignment = Alignment.Center,
+    ) {
+        Image(
+            imageVector = ImageVector.vectorResource(R.drawable.ic_check),
+            contentDescription = null,
+            colorFilter = ColorFilter.tint(iconColor),
+            modifier = modifier.size(24.dp),
+        )
+    }
+}
+
+data class BitnagilCheckBoxColor(
+    val uncheckedColor: Color,
+    val checkedColor: Color,
+) {
+    companion object {
+        @Composable
+        fun terms(): BitnagilCheckBoxColor = BitnagilCheckBoxColor(
+            uncheckedColor = BitnagilTheme.colors.navy50,
+            checkedColor = BitnagilTheme.colors.navy500,
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun BitnagilCheckBoxPreview() {
+    var checked by remember { mutableStateOf(false) }
+    BitnagilCheckBox(
+        checked = checked,
+        onCheckedChange = { checked = !checked },
+    )
+}