[BOOK-354] feat: 알림 가이드 눌렀을 때 설정 화면 이동

Author: seoyoon513

feature/settings/build.gradle.kts

@@ -17,5 +17,7 @@ ksp {
 dependencies {
     implementations(
         libs.logger,
+
+        libs.androidx.activity.compose,
     )
 }

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/notification/NotificationUi.kt

@@ -1,5 +1,10 @@
 package com.ninecraft.booket.feature.settings.notification
 
+import android.content.Intent
+import android.net.Uri
+import android.provider.Settings
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -16,8 +21,10 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
+import com.ninecraft.booket.core.common.extensions.noRippleClickable
 import com.ninecraft.booket.core.designsystem.DevicePreview
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 import com.ninecraft.booket.core.designsystem.theme.White
@@ -53,39 +60,7 @@ internal fun NotificationUi(
                 },
             )
             Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
-            Row(
-                modifier = modifier
-                    .padding(horizontal = ReedTheme.spacing.spacing5)
-                    .fillMaxWidth()
-                    .background(
-                        color = ReedTheme.colors.baseSecondary,
-                        shape = RoundedCornerShape(ReedTheme.radius.md),
-                    )
-                    .padding(
-                        vertical = ReedTheme.spacing.spacing6,
-                        horizontal = ReedTheme.spacing.spacing5,
-                    ),
-                verticalAlignment = Alignment.CenterVertically,
-                horizontalArrangement = Arrangement.SpaceBetween,
-            ) {
-                Column {
-                    Text(
-                        text = stringResource(R.string.notification_enable_title),
-                        color = ReedTheme.colors.contentBrand,
-                        style = ReedTheme.typography.body1SemiBold,
-                    )
-                    Text(
-                        text = stringResource(R.string.notification_enable_description),
-                        color = ReedTheme.colors.contentTertiary,
-                        style = ReedTheme.typography.label2Regular,
-                    )
-                }
-                Icon(
-                    imageVector = ImageVector.vectorResource(designR.drawable.ic_chevron_right),
-                    contentDescription = "Chevron Right Icon",
-                    tint = ReedTheme.colors.contentBrand,
-                )
-            }
+            NotificationGuideItem()
             Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing4))
             Row(
                 modifier = modifier
@@ -120,6 +95,54 @@ internal fun NotificationUi(
     }
 }
 
+@Composable
+internal fun NotificationGuideItem() {
+    val context = LocalContext.current
+    val settingsLauncher = rememberLauncherForActivityResult(
+        contract = ActivityResultContracts.StartActivityForResult(),
+    ) { _ -> }
+
+    Row(
+        modifier = Modifier
+            .padding(horizontal = ReedTheme.spacing.spacing5)
+            .fillMaxWidth()
+            .background(
+                color = ReedTheme.colors.baseSecondary,
+                shape = RoundedCornerShape(ReedTheme.radius.md),
+            )
+            .noRippleClickable {
+                val intent = Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS).apply {
+                    data = Uri.fromParts("package", context.packageName, null)
+                }
+                settingsLauncher.launch(intent)
+            }
+            .padding(
+                vertical = ReedTheme.spacing.spacing6,
+                horizontal = ReedTheme.spacing.spacing5,
+            ),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween,
+    ) {
+        Column {
+            Text(
+                text = stringResource(R.string.notification_guide_title),
+                color = ReedTheme.colors.contentBrand,
+                style = ReedTheme.typography.body1SemiBold,
+            )
+            Text(
+                text = stringResource(R.string.notification_guide_description),
+                color = ReedTheme.colors.contentTertiary,
+                style = ReedTheme.typography.label2Regular,
+            )
+        }
+        Icon(
+            imageVector = ImageVector.vectorResource(designR.drawable.ic_chevron_right),
+            contentDescription = "Chevron Right Icon",
+            tint = ReedTheme.colors.contentBrand,
+        )
+    }
+}
+
 @DevicePreview
 @Composable
 private fun NotificationUiPreview() {

feature/settings/src/main/res/values/strings.xml

@@ -20,8 +20,8 @@
     <string name="settings_optional_update_button_text">업데이트하기</string>
     <string name="settings_login">로그인</string>
     <string name="settings_notification">알림</string>
-    <string name="notification_enable_title">알림을 켜주세요.</string>
-    <string name="notification_enable_description">기기 설정에서 Reed 알림을 설정하세요.\n독서 기록에 도움되는 알림을 받을 수 있어요.</string>
+    <string name="notification_guide_title">알림을 켜주세요.</string>
+    <string name="notification_guide_description">기기 설정에서 Reed 알림을 설정하세요.\n독서 기록에 도움되는 알림을 받을 수 있어요.</string>
     <string name="notification_toggle_title">알림 받기</string>
     <string name="notification_toggle_description">리드에서 알림을 보내드려요.</string>
 </resources>