feat/#89: 공지사항 상세 화면 및 마크다운 라이브러리 추가

jitpack 저장소를 추가하고, 공지사항 상세 화면을 구현했습니다.
마크다운 렌더링을 위해 compose-markdown 라이브러리를 추가했습니다.

Author: jinukeu

app/src/main/java/com/yapp/app/official/navigation/YappNavHost.kt

@@ -50,6 +50,10 @@ fun YappNavHost(
             },
             navigateBack = { navigator.popBackStack() }
         )
-        noticeNavGraph()
+        noticeNavGraph(
+            navigateToNoticeDetail = { noticeId ->
+                navigator.navigateToNoticeDetail(noticeId)
+            }
+        )
     }
 }

app/src/main/java/com/yapp/app/official/ui/Navigator.kt

@@ -7,11 +7,13 @@ import androidx.navigation.NavHostController
 import androidx.navigation.NavOptions
 import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
+import com.yapp.feature.home.navigation.HomeRoute
 import com.yapp.feature.home.navigation.navigateToHome
 import com.yapp.feature.home.navigation.navigateToSetting
 import com.yapp.feature.login.navigation.LoginRoute
 import com.yapp.feature.login.navigation.navigateToLogin
 import com.yapp.feature.notice.navigation.navigateToNotice
+import com.yapp.feature.notice.navigation.navigateToNoticeDetail
 import com.yapp.feature.signup.navigation.navigateToSignUp
 
 
@@ -32,7 +34,7 @@ class NavigatorState(
         @Composable get() = navController
             .currentBackStackEntryAsState().value?.destination
 
-    val startDestination = LoginRoute
+    val startDestination = HomeRoute
 
     fun navigateLoginScreen(navOptions: NavOptions? = null) {
         navController.navigateToLogin(navOptions)
@@ -54,6 +56,10 @@ class NavigatorState(
         navController.navigateToNotice()
     }
 
+    fun navigateToNoticeDetail(noticeId: String) {
+        navController.navigateToNoticeDetail(noticeId)
+    }
+
     fun popBackStack() {
         navController.popBackStack()
     }

core/designsystem/src/main/java/com/yapp/core/designsystem/component/chip/Chip.kt

@@ -30,11 +30,13 @@ internal fun YappChipBasic(
     textStyle: TextStyle,
     contentPaddings: PaddingValues,
     colorType: ChipColorType,
+    colorsFill: ChipFillColors = ChipDefaults.colorsFill,
+    colorsWeak: ChipWeakColors = ChipDefaults.colorsWeak,
     isFill: Boolean,
 ) {
     val colors = when (isFill) {
-        true -> ChipDefaults.colorsFill
-        false ->ChipDefaults.colorsWeak
+        true -> colorsFill
+        false ->colorsWeak
     }
 
     Box(
@@ -82,6 +84,8 @@ fun YappChipSmall(
     textStyle: TextStyle = ChipDefaults.textStyleSmall,
     contentPaddings: PaddingValues = ChipDefaults.contentPaddingsSmall,
     colorType: ChipColorType,
+    colorsFill: ChipFillColors = ChipDefaults.colorsFill,
+    colorsWeak: ChipWeakColors = ChipDefaults.colorsWeak,
     isFill: Boolean,
 ) {
     YappChipBasic(
@@ -91,6 +95,8 @@ fun YappChipSmall(
         textStyle = textStyle,
         contentPaddings = contentPaddings,
         colorType = colorType,
+        colorsFill = colorsFill,
+        colorsWeak = colorsWeak,
         isFill = isFill
     )
 }

core/ui/src/main/java/com/yapp/core/ui/component/NoticeItem.kt

@@ -18,6 +18,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.yapp.core.designsystem.component.chip.ChipColorType
 import com.yapp.core.designsystem.component.chip.YappChipSmall
+import com.yapp.core.designsystem.extension.yappClickable
 import com.yapp.core.designsystem.theme.YappTheme
 
 // 샘플 데이터 .. .. ..
@@ -38,9 +39,12 @@ data class TagInfo(
 fun NoticeItem(
     modifier: Modifier = Modifier,
     noticeInfo: NoticeInfo,
+    onClick: () -> Unit,
 ) {
     Column(
-        modifier = modifier.padding(vertical = 9.dp)
+        modifier = modifier
+            .padding(vertical = 9.dp)
+            .yappClickable(onClick = onClick)
     ) {
         Row(
             horizontalArrangement = Arrangement.spacedBy(8.dp),
@@ -118,7 +122,10 @@ fun NoticeItemPreview() {
     YappTheme {
         LazyColumn {
             items(noticeInfo) { item ->
-                NoticeItem(noticeInfo = item)
+                NoticeItem(
+                    noticeInfo = item,
+                    onClick = {}
+                )
             }
         }
     }

feature/home/src/main/java/com/yapp/feature/home/component/NoticeSection.kt

@@ -40,7 +40,10 @@ fun NoticeSection(
                         color = YappTheme.colorScheme.lineNormalAlternative
                     )
                 },
-                noticeInfo = noticeInfo[it]
+                noticeInfo = noticeInfo[it],
+                onClick = {
+                    // TODO
+                }
             )
         }
         Spacer(Modifier.height(8.dp))

feature/notice/build.gradle.kts

@@ -12,4 +12,5 @@ dependencies {
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.appcompat)
     implementation(libs.material)
+    implementation(libs.compose.markdown)
 }

feature/notice/src/main/java/com/yapp/feature/notice/navigation/NoticeNavigation.kt

@@ -4,16 +4,39 @@ import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
 import androidx.navigation.compose.composable
+import com.yapp.feature.NoticeDetail.NoticeDetaildetail.NoticeDetailRoute
+import com.yapp.feature.notice.notice.NoticeRoute
 import com.yapp.feature.notice.notice.NoticeScreen
 import kotlinx.serialization.Serializable
 
-@Serializable data object NoticeRoute
+@Serializable
+data object NoticeRoute
 
-fun NavController.navigateToNotice(navOptions: NavOptions? = null) { navigate(NoticeRoute, navOptions) }
+@Serializable
+data class NoticeDetailRoute(
+    val noticeId: String
+)
+
+fun NavController.navigateToNotice(navOptions: NavOptions? = null) {
+    navigate(NoticeRoute, navOptions)
+}
+
+fun NavController.navigateToNoticeDetail(noticeId: String, navOptions: NavOptions? = null) {
+    navigate(NoticeDetailRoute(noticeId = noticeId), navOptions)
+}
 
 fun NavGraphBuilder.noticeNavGraph(
-){
+    navigateToNoticeDetail: (String) -> Unit,
+) {
     composable<NoticeRoute> {
-        NoticeScreen()
+        NoticeRoute(
+            navigateToNoticeDetail = { noticeId ->
+                navigateToNoticeDetail(noticeId)
+            }
+        )
+    }
+
+    composable<NoticeDetailRoute> {
+        NoticeDetailRoute()
     }
 }

feature/notice/src/main/java/com/yapp/feature/notice/notice/NoticeState.kt renamed to feature/notice/src/main/java/com/yapp/feature/notice/notice/NoticeContract.kt

@@ -6,7 +6,9 @@ data class NoticeState(
 
 sealed interface NoticeIntent {
     data object ClickBackButton : NoticeIntent
+    data class ClickNoticeItem(val noticeId: String) : NoticeIntent
 }
 
 sealed interface NoticeSideEffect {
+    data class NavigateToNoticeDetail(val noticeId: String) : NoticeSideEffect
 }

feature/notice/src/main/java/com/yapp/feature/notice/notice/NoticeRoute.kt

@@ -34,11 +34,14 @@ import com.yapp.feature.notice.notice.component.NoticeCategoryButton
 
 @Composable
 fun NoticeRoute(
-    viewModel: NoticeViewModel = hiltViewModel()
+    viewModel: NoticeViewModel = hiltViewModel(),
+    navigateToNoticeDetail: (String) -> Unit,
 ) {
     val uiState by viewModel.store.uiState.collectAsStateWithLifecycle()
     viewModel.store.sideEffects.collectWithLifecycle { sideEffect ->
-
+        when (sideEffect) {
+            is NoticeSideEffect.NavigateToNoticeDetail -> navigateToNoticeDetail(sideEffect.noticeId)
+        }
     }
 
     NoticeScreen(
@@ -112,7 +115,8 @@ fun NoticeScreen(
                                 writer = "20기 홍길동",
                                 title = "심장 건강을 책임지는 스마트 워치,심박수 감시와 예방 기능 탑재",
                                 bodyText = "한반도의 경제 협력이 새로운 국면을 맞이하며 남북 간 첫 연합 기업이 설립되었습니다. 이 기업은 에너지, 통신, 제조 등 다양한 분야에서 남북 간 협력 모델을 제시하며 경제적 도약을 목표로 하고 있습니다. 특히, 이번 연합 기업은 지속 가능한 발전을 위한 친환경 기술과 공동 연구 개발을 핵심 과제로 삼고 있으며, 이를 통해 글로벌 시장에서도 경쟁력을 확보하고자 합니다. 전문가들은 이러한 경제 협력이 한반도뿐만 아니라 동아시아 전체의 경제적 안정과 성장에도 기여할 것으로 예상하고 있습니다."
-                            )
+                            ),
+                            onClick = { onIntent(NoticeIntent.ClickNoticeItem("$it")) }
                         )
                     }
                 }

feature/notice/src/main/java/com/yapp/feature/notice/notice/NoticeViewModel.kt

@@ -22,6 +22,7 @@ class NoticeViewModel @Inject constructor() : ViewModel() {
     ) {
         when (intent) {
             NoticeIntent.ClickBackButton -> TODO()
+            is NoticeIntent.ClickNoticeItem -> postSideEffect(NoticeSideEffect.NavigateToNoticeDetail(intent.noticeId))
         }
     }
 }