[Feature/#97] 루틴 리스트 화면 구현

app/src/main/java/com/threegap/bitnagil/MainNavHost.kt

@@ -12,6 +12,7 @@ import com.threegap.bitnagil.presentation.login.LoginScreenContainer
 import com.threegap.bitnagil.presentation.onboarding.OnBoardingScreenContainer
 import com.threegap.bitnagil.presentation.onboarding.OnBoardingViewModel
 import com.threegap.bitnagil.presentation.onboarding.model.navarg.OnBoardingScreenArg
+import com.threegap.bitnagil.presentation.routinelist.RoutineListScreenContainer
 import com.threegap.bitnagil.presentation.setting.SettingScreenContainer
 import com.threegap.bitnagil.presentation.splash.SplashScreenContainer
 import com.threegap.bitnagil.presentation.terms.TermsAgreementScreenContainer
@@ -223,5 +224,15 @@ fun MainNavHost(
                 },
             )
         }
+
+        composable<Route.RoutineList> {
+            RoutineListScreenContainer(
+                navigateToBack = {
+                    if (navigator.navController.previousBackStackEntry != null) {
+                        navigator.navController.popBackStack()
+                    }
+                },
+            )
+        }
     }
 }

app/src/main/java/com/threegap/bitnagil/Route.kt

@@ -38,4 +38,7 @@ sealed interface Route {
 
     @Serializable
     data object Emotion : Route
+
+    @Serializable
+    data object RoutineList : Route
 }

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

@@ -110,6 +110,26 @@ data class BitnagilTextButtonColor(
             pressedTextColor = BitnagilTheme.colors.navy500,
             disabledTextColor = BitnagilTheme.colors.navy500,
         )
+
+        @Composable
+        fun delete(): BitnagilTextButtonColor = BitnagilTextButtonColor(
+            defaultBackgroundColor = BitnagilTheme.colors.error10,
+            pressedBackgroundColor = BitnagilTheme.colors.error10,
+            disabledBackgroundColor = BitnagilTheme.colors.error10,
+            defaultTextColor = BitnagilTheme.colors.white,
+            pressedTextColor = BitnagilTheme.colors.white,
+            disabledTextColor = BitnagilTheme.colors.white,
+        )
+
+        @Composable
+        fun cancel(): BitnagilTextButtonColor = BitnagilTextButtonColor(
+            defaultBackgroundColor = BitnagilTheme.colors.coolGray97,
+            pressedBackgroundColor = BitnagilTheme.colors.coolGray97,
+            disabledBackgroundColor = BitnagilTheme.colors.coolGray97,
+            defaultTextColor = BitnagilTheme.colors.coolGray40,
+            pressedTextColor = BitnagilTheme.colors.coolGray40,
+            disabledTextColor = BitnagilTheme.colors.coolGray40,
+        )
     }
 }
 

core/designsystem/src/main/res/drawable/ic_connect.xml

@@ -0,0 +1,50 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9.086,13.341C9.456,13.531 9.426,13.601 9.796,13.791C10.166,13.981 10.066,14.191 10.436,14.381C10.806,14.571 10.946,14.291 11.326,14.481C11.706,14.671 11.536,14.991 11.906,15.181C12.276,15.371 12.396,15.131 12.776,15.321C13.156,15.511 13.006,15.791 13.386,15.981C13.766,16.171 13.706,16.281 14.086,16.471C14.466,16.661 14.656,16.271 15.036,16.461"
+        android:strokeWidth="2"
+        android:strokeColor="#715DF1"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M14.868,7.391C14.498,7.581 14.518,7.631 14.138,7.811C13.758,7.991 13.918,8.311 13.548,8.501C13.178,8.691 13.068,8.481 12.698,8.671C12.328,8.861 12.318,8.851 11.948,9.031C11.578,9.211 11.548,9.161 11.168,9.351C10.788,9.541 10.848,9.641 10.468,9.831C10.088,10.021 10.178,10.201 9.808,10.381C9.438,10.561 9.398,10.511 9.028,10.701"
+        android:strokeWidth="2"
+        android:strokeColor="#715DF1"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#715DF1"
+        android:pathData="M17.966,20.911C17.696,20.911 17.506,20.801 17.256,20.731C17.006,20.661 16.746,20.721 16.516,20.591C16.286,20.461 16.026,20.391 15.836,20.201C15.646,20.011 15.616,19.731 15.486,19.501C15.356,19.271 15.206,19.081 15.146,18.831C15.086,18.581 15.036,18.341 15.036,18.071C15.036,17.801 14.886,17.511 14.946,17.261C15.006,17.011 15.246,16.801 15.376,16.571C15.506,16.341 15.706,16.171 15.886,15.991C16.066,15.811 16.246,15.611 16.466,15.481C16.686,15.351 16.936,15.281 17.196,15.211C17.456,15.141 17.696,15.211 17.966,15.211C18.236,15.211 18.506,15.081 18.756,15.151C19.006,15.221 19.266,15.321 19.486,15.451C19.706,15.581 19.866,15.811 20.046,16.001C20.226,16.191 20.506,16.311 20.636,16.541C20.766,16.771 20.526,17.121 20.596,17.381C20.666,17.641 20.716,17.821 20.716,18.091C20.716,18.361 20.756,18.571 20.686,18.821C20.616,19.071 20.786,19.421 20.656,19.651C20.526,19.881 20.456,20.221 20.276,20.411C20.096,20.601 19.826,20.801 19.596,20.931C19.366,21.061 19.016,21.011 18.756,21.071C18.496,21.131 18.226,20.921 17.956,20.921L17.966,20.911Z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M17.966,20.911C17.696,20.911 17.506,20.801 17.256,20.731C17.006,20.661 16.746,20.721 16.516,20.591C16.286,20.461 16.026,20.391 15.836,20.201C15.646,20.011 15.616,19.731 15.486,19.501C15.356,19.271 15.206,19.081 15.146,18.831C15.086,18.581 15.036,18.341 15.036,18.071C15.036,17.801 14.886,17.511 14.946,17.261C15.006,17.011 15.246,16.801 15.376,16.571C15.506,16.341 15.706,16.171 15.886,15.991C16.066,15.811 16.246,15.611 16.466,15.481C16.686,15.351 16.936,15.281 17.196,15.211C17.456,15.141 17.696,15.211 17.966,15.211C18.236,15.211 18.506,15.081 18.756,15.151C19.006,15.221 19.266,15.321 19.486,15.451C19.706,15.581 19.866,15.811 20.046,16.001C20.226,16.191 20.506,16.311 20.636,16.541C20.766,16.771 20.526,17.121 20.596,17.381C20.666,17.641 20.716,17.821 20.716,18.091C20.716,18.361 20.756,18.571 20.686,18.821C20.616,19.071 20.786,19.421 20.656,19.651C20.526,19.881 20.456,20.221 20.276,20.411C20.096,20.601 19.826,20.801 19.596,20.931C19.366,21.061 19.016,21.011 18.756,21.071C18.496,21.131 18.226,20.921 17.956,20.921L17.966,20.911Z"
+        android:strokeWidth="2"
+        android:strokeColor="#715DF1"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#715DF1"
+        android:pathData="M5.967,15.081C5.697,15.081 5.507,14.781 5.257,14.711C5.007,14.641 4.577,15.001 4.347,14.871C4.117,14.741 3.857,14.551 3.677,14.361C3.497,14.171 3.557,13.771 3.427,13.541C3.297,13.311 3.097,13.121 3.027,12.861C2.957,12.601 3.167,12.341 3.167,12.071C3.167,11.801 2.917,11.521 2.987,11.271C3.057,11.021 3.217,10.781 3.347,10.561C3.477,10.341 3.707,10.181 3.887,10.001C4.067,9.821 4.337,9.791 4.557,9.651C4.777,9.511 4.977,9.441 5.227,9.371C5.477,9.301 5.677,8.911 5.947,8.911C6.217,8.911 6.527,8.931 6.767,8.991C7.007,9.051 7.317,9.161 7.547,9.291C7.777,9.421 7.967,9.671 8.157,9.851C8.347,10.031 8.637,10.201 8.767,10.431C8.897,10.661 8.877,11.001 8.937,11.261C8.997,11.521 9.157,11.791 9.157,12.061C9.157,12.331 8.647,12.521 8.587,12.771C8.527,13.021 8.557,13.271 8.427,13.491C8.297,13.711 8.267,14.011 8.087,14.201C7.907,14.391 7.547,14.311 7.327,14.441C7.107,14.571 7.027,15.031 6.767,15.101C6.507,15.171 6.217,15.061 5.957,15.061L5.967,15.081Z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M5.967,15.081C5.697,15.081 5.507,14.781 5.257,14.711C5.007,14.641 4.577,15.001 4.347,14.871C4.117,14.741 3.857,14.551 3.677,14.361C3.497,14.171 3.557,13.771 3.427,13.541C3.297,13.311 3.097,13.121 3.027,12.861C2.957,12.601 3.167,12.341 3.167,12.071C3.167,11.801 2.917,11.521 2.987,11.271C3.057,11.021 3.217,10.781 3.347,10.561C3.477,10.341 3.707,10.181 3.887,10.001C4.067,9.821 4.337,9.791 4.557,9.651C4.777,9.511 4.977,9.441 5.227,9.371C5.477,9.301 5.677,8.911 5.947,8.911C6.217,8.911 6.527,8.931 6.767,8.991C7.007,9.051 7.317,9.161 7.547,9.291C7.777,9.421 7.967,9.671 8.157,9.851C8.347,10.031 8.637,10.201 8.767,10.431C8.897,10.661 8.877,11.001 8.937,11.261C8.997,11.521 9.157,11.791 9.157,12.061C9.157,12.331 8.647,12.521 8.587,12.771C8.527,13.021 8.557,13.271 8.427,13.491C8.297,13.711 8.267,14.011 8.087,14.201C7.907,14.391 7.547,14.311 7.327,14.441C7.107,14.571 7.027,15.031 6.767,15.101C6.507,15.171 6.217,15.061 5.957,15.061L5.967,15.081Z"
+        android:strokeWidth="2"
+        android:strokeColor="#715DF1"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#715DF1"
+        android:pathData="M17.966,9.351C17.696,9.351 17.386,9.231 17.136,9.161C16.886,9.091 16.716,8.761 16.486,8.631C16.256,8.501 15.846,8.561 15.656,8.381C15.466,8.201 15.586,7.751 15.456,7.531C15.326,7.311 14.976,7.161 14.906,6.901C14.836,6.641 15.116,6.351 15.116,6.081C15.116,5.811 15.266,5.621 15.336,5.381C15.406,5.141 15.106,4.731 15.236,4.511C15.366,4.291 15.806,4.291 15.986,4.111C16.166,3.931 16.096,3.381 16.326,3.251C16.556,3.121 16.946,3.311 17.196,3.241C17.446,3.171 17.696,3.091 17.956,3.091C18.216,3.091 18.556,2.861 18.806,2.931C19.056,3.001 19.366,3.141 19.586,3.271C19.806,3.401 20.066,3.611 20.256,3.791C20.446,3.971 20.346,4.411 20.476,4.631C20.606,4.851 20.946,5.011 21.016,5.261C21.086,5.511 20.706,5.811 20.706,6.081C20.706,6.351 21.026,6.641 20.956,6.891C20.886,7.141 20.566,7.291 20.436,7.521C20.306,7.751 20.126,7.901 19.946,8.081C19.766,8.261 19.596,8.401 19.366,8.531C19.136,8.661 19.046,9.151 18.796,9.221C18.546,9.291 18.226,9.351 17.956,9.351H17.966Z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M17.966,9.351C17.696,9.351 17.386,9.231 17.136,9.161C16.886,9.091 16.716,8.761 16.486,8.631C16.256,8.501 15.846,8.561 15.656,8.381C15.466,8.201 15.586,7.751 15.456,7.531C15.326,7.311 14.976,7.161 14.906,6.901C14.836,6.641 15.116,6.351 15.116,6.081C15.116,5.811 15.266,5.621 15.336,5.381C15.406,5.141 15.106,4.731 15.236,4.511C15.366,4.291 15.806,4.291 15.986,4.111C16.166,3.931 16.096,3.381 16.326,3.251C16.556,3.121 16.946,3.311 17.196,3.241C17.446,3.171 17.696,3.091 17.956,3.091C18.216,3.091 18.556,2.861 18.806,2.931C19.056,3.001 19.366,3.141 19.586,3.271C19.806,3.401 20.066,3.611 20.256,3.791C20.446,3.971 20.346,4.411 20.476,4.631C20.606,4.851 20.946,5.011 21.016,5.261C21.086,5.511 20.706,5.811 20.706,6.081C20.706,6.351 21.026,6.641 20.956,6.891C20.886,7.141 20.566,7.291 20.436,7.521C20.306,7.751 20.126,7.901 19.946,8.081C19.766,8.261 19.596,8.401 19.366,8.531C19.136,8.661 19.046,9.151 18.796,9.221C18.546,9.291 18.226,9.351 17.956,9.351H17.966Z"
+        android:strokeWidth="2"
+        android:strokeColor="#715DF1"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+</vector>

core/designsystem/src/main/res/drawable/ic_edit.xml

@@ -1,13 +1,23 @@
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="24dp"
-    android:height="24dp"
-    android:viewportWidth="24"
-    android:viewportHeight="24">
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
     <path
         android:fillColor="#00000000"
-        android:pathData="M10,4H7.2C6.08,4 5.52,4 5.092,4.218C4.715,4.41 4.41,4.715 4.218,5.092C4,5.52 4,6.08 4,7.2V16.8C4,17.92 4,18.48 4.218,18.908C4.41,19.284 4.715,19.59 5.092,19.782C5.519,20 6.079,20 7.197,20H16.803C17.921,20 18.48,20 18.907,19.782C19.284,19.59 19.59,19.284 19.782,18.908C20,18.48 20,17.921 20,16.803V14M16,5L10,11V14H13L19,8M16,5L19,2L22,5L19,8M16,5L19,8"
-        android:strokeWidth="1.6"
-        android:strokeColor="#ffffff"
+        android:pathData="M10.088,6.082C10.321,5.849 10.255,5.782 10.488,5.549C10.721,5.315 10.763,5.365 10.996,5.132C11.23,4.899 11.355,5.024 11.588,4.79C11.821,4.557 11.763,4.499 11.996,4.265C12.23,4.032 12.163,3.957 12.396,3.724C12.63,3.49 12.613,3.474 12.846,3.24C13.08,3.007 13.346,3.265 13.58,3.032C13.813,2.799 13.58,2.465 13.921,2.465C14.263,2.465 14.021,2.799 14.255,3.032C14.488,3.265 14.621,3.132 14.855,3.365C15.088,3.599 15.146,3.54 15.38,3.774C15.613,4.007 15.413,4.207 15.646,4.44C15.88,4.674 16.055,4.507 16.288,4.74C16.521,4.974 16.413,5.09 16.646,5.324C16.88,5.557 16.946,5.499 17.18,5.732C17.413,5.965 17.563,5.849 17.563,6.182C17.563,6.515 17.28,6.257 17.046,6.49C16.813,6.724 17.113,7.024 16.88,7.257C16.646,7.49 16.363,7.207 16.13,7.449C15.896,7.69 15.971,7.757 15.738,7.99C15.505,8.224 15.696,8.424 15.463,8.657C15.23,8.89 14.971,8.632 14.738,8.865C14.505,9.099 14.596,9.19 14.355,9.424C14.113,9.657 14.105,9.64 13.871,9.882"
+        android:strokeWidth="1.66667"
+        android:strokeColor="#989BA2"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#989BA2"
+        android:pathData="M10.171,6.299C9.837,6.299 9.921,6.391 9.688,6.624C9.454,6.857 9.404,6.807 9.163,7.041C8.921,7.274 9.029,7.374 8.796,7.607C8.563,7.841 8.571,7.849 8.337,8.082C8.104,8.316 7.963,8.174 7.729,8.407C7.496,8.641 7.563,8.707 7.329,8.941C7.096,9.174 7.287,9.374 7.054,9.607C6.821,9.841 6.546,9.566 6.313,9.799C6.079,10.032 6.162,10.116 5.929,10.349C5.696,10.582 5.771,10.657 5.537,10.891C5.304,11.124 5.421,11.241 5.188,11.474C4.954,11.707 4.904,11.657 4.671,11.891C4.438,12.124 4.296,11.982 4.054,12.216C3.813,12.449 3.996,12.632 3.763,12.866C3.529,13.099 3.313,12.891 3.079,13.124C2.846,13.357 2.921,13.407 2.796,13.716C2.671,13.999 2.537,13.974 2.537,14.282C2.537,14.591 2.438,14.591 2.438,14.907C2.438,15.224 2.796,15.216 2.796,15.532C2.796,15.849 2.504,15.849 2.504,16.157C2.504,16.466 2.904,16.474 2.904,16.782C2.904,17.091 2.421,17.216 2.646,17.441C2.871,17.666 2.987,17.416 3.296,17.416C3.604,17.416 3.604,17.191 3.921,17.191C4.238,17.191 4.229,17.199 4.546,17.199C4.863,17.199 4.863,17.199 5.171,17.199C5.479,17.199 5.488,17.482 5.796,17.482C6.104,17.482 6.079,17.399 6.371,17.282C6.671,17.149 6.804,17.324 7.037,17.091C7.271,16.857 7.063,16.641 7.296,16.407C7.529,16.174 7.671,16.316 7.904,16.082C8.137,15.849 8.163,15.874 8.396,15.641C8.629,15.407 8.629,15.407 8.863,15.174C9.096,14.941 8.846,14.691 9.087,14.457C9.329,14.224 9.504,14.407 9.738,14.174C9.971,13.941 10.004,13.966 10.238,13.732C10.471,13.499 10.554,13.574 10.788,13.341C11.021,13.107 10.788,12.874 11.021,12.641C11.254,12.407 11.321,12.466 11.554,12.232C11.788,11.999 11.738,11.949 11.971,11.716C12.204,11.482 12.154,11.424 12.387,11.191C12.621,10.957 12.837,11.166 13.071,10.932C13.304,10.699 13.304,10.699 13.546,10.457C13.788,10.216 13.913,10.232 13.913,9.899C13.913,9.566 13.646,9.724 13.413,9.482C13.179,9.241 13.321,9.107 13.087,8.874C12.854,8.641 12.796,8.699 12.563,8.466C12.329,8.232 12.413,8.149 12.179,7.916C11.946,7.682 11.871,7.757 11.637,7.524C11.404,7.291 11.404,7.291 11.171,7.049C10.938,6.807 10.938,6.824 10.738,6.557C10.554,6.307 10.512,6.282 10.179,6.282L10.171,6.299Z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M10.171,6.299C9.837,6.299 9.921,6.391 9.688,6.624C9.454,6.857 9.404,6.807 9.163,7.041C8.921,7.274 9.029,7.374 8.796,7.607C8.563,7.841 8.571,7.849 8.337,8.082C8.104,8.316 7.963,8.174 7.729,8.407C7.496,8.641 7.563,8.707 7.329,8.941C7.096,9.174 7.287,9.374 7.054,9.607C6.821,9.841 6.546,9.566 6.313,9.799C6.079,10.032 6.162,10.116 5.929,10.349C5.696,10.582 5.771,10.657 5.537,10.891C5.304,11.124 5.421,11.241 5.188,11.474C4.954,11.707 4.904,11.657 4.671,11.891C4.438,12.124 4.296,11.982 4.054,12.216C3.813,12.449 3.996,12.632 3.763,12.866C3.529,13.099 3.313,12.891 3.079,13.124C2.846,13.357 2.921,13.407 2.796,13.716C2.671,13.999 2.537,13.974 2.537,14.282C2.537,14.591 2.438,14.591 2.438,14.907C2.438,15.224 2.796,15.216 2.796,15.532C2.796,15.849 2.504,15.849 2.504,16.157C2.504,16.466 2.904,16.474 2.904,16.782C2.904,17.091 2.421,17.216 2.646,17.441C2.871,17.666 2.987,17.416 3.296,17.416C3.604,17.416 3.604,17.191 3.921,17.191C4.238,17.191 4.229,17.199 4.546,17.199C4.863,17.199 4.863,17.199 5.171,17.199C5.479,17.199 5.488,17.482 5.796,17.482C6.104,17.482 6.079,17.399 6.371,17.282C6.671,17.149 6.804,17.324 7.037,17.091C7.271,16.857 7.063,16.641 7.296,16.407C7.529,16.174 7.671,16.316 7.904,16.082C8.137,15.849 8.163,15.874 8.396,15.641C8.629,15.407 8.629,15.407 8.863,15.174C9.096,14.941 8.846,14.691 9.087,14.457C9.329,14.224 9.504,14.407 9.738,14.174C9.971,13.941 10.004,13.966 10.238,13.732C10.471,13.499 10.554,13.574 10.788,13.341C11.021,13.107 10.788,12.874 11.021,12.641C11.254,12.407 11.321,12.466 11.554,12.232C11.788,11.999 11.738,11.949 11.971,11.716C12.204,11.482 12.154,11.424 12.387,11.191C12.621,10.957 12.837,11.166 13.071,10.932C13.304,10.699 13.304,10.699 13.546,10.457C13.788,10.216 13.913,10.232 13.913,9.899C13.913,9.566 13.646,9.724 13.413,9.482C13.179,9.241 13.321,9.107 13.087,8.874C12.854,8.641 12.796,8.699 12.563,8.466C12.329,8.232 12.413,8.149 12.179,7.916C11.946,7.682 11.871,7.757 11.637,7.524C11.404,7.291 11.404,7.291 11.171,7.049C10.938,6.807 10.938,6.824 10.738,6.557C10.554,6.307 10.512,6.282 10.179,6.282L10.171,6.299Z"
+        android:strokeWidth="1.66667"
+        android:strokeColor="#989BA2"
         android:strokeLineCap="round"
         android:strokeLineJoin="round" />
 </vector>