[FEAT]: 검색된 메뉴 클릭시 메뉴 상세정보 화면으로의 네비게이션 구현

Author: casper-jr

app/src/main/java/com/kuit/ourmenu/ui/common/bottomsheet/MenuInfoBottomSheetContent.kt

@@ -1,6 +1,8 @@
 package com.kuit.ourmenu.ui.common.bottomsheet
 
+import android.util.Log
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -38,12 +40,17 @@ import com.kuit.ourmenu.utils.ExtensionUtil.toWon
 @Composable
 fun MenuInfoBottomSheetContent(
     modifier: Modifier = Modifier,
-    menuInfoData: MapDetailResponse
+    menuInfoData: MapDetailResponse,
+    onClick: (Long) -> Unit
 ) {
     Column(
         modifier = modifier
             .fillMaxWidth()
             .padding(horizontal = 20.dp)
+            .clickable {
+                Log.d("MenuInfoBottomSheetContent", "Menu ID: ${menuInfoData.menuId}")
+                onClick(menuInfoData.menuId)
+            }
     ) {
         MenuInfoContent(
             modifier = Modifier
@@ -201,5 +208,7 @@ private fun MenuInfoBottomSheetContentPreview() {
             mapX = 127.0,
             mapY = 37.0
         )
-    )
+    ){
+        // 클릭시 동작
+    }
 }

app/src/main/java/com/kuit/ourmenu/ui/menuFolder/screen/MenuFolderAllMenuScreen.kt

@@ -56,7 +56,7 @@ import kotlinx.coroutines.launch
 @Composable
 fun MenuFolderAllMenuScreen(
     onNavigateBack: () -> Unit,
-    onNavigateToMenuInfo: (Int) -> Unit,
+    onNavigateToMenuInfo: (Long) -> Unit,
 //    onNavigateToMap: () -> Unit, // TODO: Map으로 화면 이동 구현
     onNavigateToAddMenu: () -> Unit,
     viewModel: MenuFolderAllViewModel = hiltViewModel()

app/src/main/java/com/kuit/ourmenu/ui/navigator/MainNavHost.kt

@@ -73,7 +73,7 @@ fun MainNavHost(
         )
 
         searchMenuNavGraph(
-            padding = padding,
+            navigateToMenuDetail = navController::navigateToMenuInfo,
         )
 
         myNavGraph(

app/src/main/java/com/kuit/ourmenu/ui/searchmenu/component/SearchBottomSheetContent.kt

@@ -14,15 +14,19 @@ import com.kuit.ourmenu.ui.common.bottomsheet.MenuInfoBottomSheetContent
 @Composable
 fun SearchBottomSheetContent(
     modifier: Modifier = Modifier,
-    dataList: List<MapDetailResponse>
+    dataList: List<MapDetailResponse>,
+    onItemClick: (Long) -> Unit
 ) {
     LazyColumn(
         modifier = modifier
     ) {
         items(dataList.size) { index ->
             MenuInfoBottomSheetContent(
                 modifier = Modifier.padding(vertical = 20.dp),
-                menuInfoData = dataList[index]
+                menuInfoData = dataList[index],
+                onClick = { menuId -> 
+                    onItemClick(menuId)
+                }
             )
             if (index != dataList.size - 1) {
                 HorizontalDivider()
@@ -54,5 +58,7 @@ private fun SearchBottomSheetContentPreview() {
                 mapY = 37.0
             )
         )
-    )
+    ){
+
+    }
 }

app/src/main/java/com/kuit/ourmenu/ui/searchmenu/navigation/SearchMenuNavigation.kt

@@ -1,6 +1,5 @@
 package com.kuit.ourmenu.ui.searchmenu.navigation
 
-import androidx.compose.foundation.layout.PaddingValues
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -13,10 +12,12 @@ fun NavController.navigateToSearchMenu(navOptions: NavOptions) {
 }
 
 fun NavGraphBuilder.searchMenuNavGraph(
-    padding: PaddingValues,
     // navigate 이벤트
+    navigateToMenuDetail: (Long) -> Unit,
 ) {
     composable<MainTabRoute.Map> {
-        SearchMenuScreen()
+        SearchMenuScreen(
+            onNavigateToMenuDetail = navigateToMenuDetail
+        )
     }
 }

app/src/main/java/com/kuit/ourmenu/ui/searchmenu/screen/SearchMenuScreen.kt

@@ -52,6 +52,7 @@ import kotlinx.coroutines.launch
 fun SearchMenuScreen(
     modifier: Modifier = Modifier,
     viewModel: SearchMenuViewModel = hiltViewModel(),
+    onNavigateToMenuDetail: (Long) -> Unit
 ) {
 
     val scaffoldState = rememberBottomSheetScaffoldState()
@@ -143,7 +144,11 @@ fun SearchMenuScreen(
         sheetContent = {
             SearchBottomSheetContent(
                 modifier = Modifier.fillMaxWidth(),
-                dataList = menusOnPin ?: emptyList()
+                dataList = menusOnPin ?: emptyList(),
+                onItemClick = { menuId ->
+                    Log.d("SearchMenuScreen", "바텀 시트 메뉴 아이템 클릭: $menuId")
+                    onNavigateToMenuDetail(menuId)
+                }
             )
         },
         sheetContainerColor = NeutralWhite,
@@ -246,5 +251,8 @@ fun SearchMenuScreen(
 @Preview(showBackground = true)
 @Composable
 private fun SearchMenuScreenPreview() {
-    SearchMenuScreen()
+    SearchMenuScreen(
+    ){
+
+    }
 }