추억저장소

[theBettor]

추억저장소를 위해 2가지의 모듈을 만들었다. memorystorage와 memorystorage-detail
memorystorage에서는 간단하게 어떤 추억카드들이 있는지를 보여주고,
memorystorage-detail에서는 카드 중 선택한 한개의 memoryCardId에 대한 정보를 보여줘야한다.
그래서 특이하게 Route 데이터 클래스에서는 String타입인 memoryCardId를 변수를 갖는다.
근데 지금 memoryCardId를 잘 사용하고 있는지 모르겠다. 일단은 previewActivity를 사용하고 있기 때문에 정확한 확인이 어려운 상황이다.

Q1. 생각해보면 화면이동을 할 때, memoryCardId에 대한 정보도 넘겨야할텐데 memorystorage모듈에서는 그런 작업을 따로 안했던 것같다. 어떻게 해야할까? Navigation에서? UiState에서?
Q2. 그렇다면 memorystorage-detail에서는 memoryCardId에 대한 정보를 어떻게 받아야할까?
Q3. memorystorage-detail에서는 5개의 코틀린 파일을 갖고 있다.
MemoryStorageDetailNavigation.kt
MemoryStorageDetailEvent
MemoryStorageDetailViewModel
MemoryStorageDetailUiState.kt
MemoryStorageDetailScreen.kt
이 파일 중, memoryCardId에 대한 정보를 받았음을 어떤 순서로 처리해야할까?

// MemoryStorageDetailNavigation.kt

@Serializable
data class MemoryStorageDetailRoute(val memoryCardId: String) {
    companion object {
        fun routeWithArgs(memoryCardId: String) = "memory_storage_detail/$memoryCardId"
    }
}

@Serializable
data class MemoryStorageDetailConversationRoute(val memoryCardId: String) {
    companion object {
        fun routeWithArgs(memoryCardId: String) = "memory_storage_detail_conversation/$memoryCardId"
    }
}

fun NavController.navigateToMemoryStorageDetailScreen(
    memoryCardId: String,
    navOptions: NavOptions? = null,
    navigatorExtras: Navigator.Extras? = null,
) {
    navigate(MemoryStorageDetailRoute.routeWithArgs(memoryCardId), navOptions, navigatorExtras)
}

fun NavController.navigateToConversationScreen(
    memoryCardId: String,
    navOptions: NavOptions? = null,
    navigatorExtras: Navigator.Extras? = null,
) {
    navigate(
        MemoryStorageDetailConversationRoute.routeWithArgs(memoryCardId),
        navOptions,
        navigatorExtras
    )
}

fun NavGraphBuilder.addMemoryStorageDetailScreen(
    onBackRequest: () -> Unit,
    onRestartConversation: () -> Unit,

    ) {
    composable(
        route = "memory_storage_detail/{memoryCardId}",
        arguments = listOf(navArgument("memoryCardId") { type = NavType.StringType })
    ) {
        // ViewModel을 내부에서 사용하므로 별도로 주입할 필요 없음
        MemoryStorageDetailRoute(
            onBackRequest = onBackRequest,
            onRestartConversation = onRestartConversation
        )
    }
}

fun NavGraphBuilder.addMemoryStorageDetailConversationScreen(

) {
    composable(
        route = "memory_storage_detail_conversation/{memoryCardId}",
        arguments = listOf(navArgument("memoryCardId") { type = NavType.StringType })
    ) {

        ConversationView(
            onDismiss = {  },
            onRestartConversation = { /* TODO: restart logic */ }
        )
    }
}

// MemoryStorageDetailScreen.kt

@Composable
internal fun MemoryStorageDetailRoute(
    memoryStorageDetailViewModel: MemoryStorageDetailViewModel = hiltViewModel(),
    onBackRequest: () -> Unit,
    onRestartConversation: () -> Unit,
) {
    val uiState by memoryStorageDetailViewModel.uiState.collectAsState()

    when (uiState) {
        is MemoryStorageDetailUiState.Loading -> {
            // TODO: 로딩 UI
        }
        is MemoryStorageDetailUiState.Error -> {
            // TODO: 에러 UI
        }
        is MemoryStorageDetailUiState.Success -> {
            val state = uiState as MemoryStorageDetailUiState.Success
            when (state.screenState) {
                MemoryStorageDetailScreenState.Detail -> {
                    MemoryStorageDetailScreen(
                        memoryStorageDetailUiState = state,
                        onBackRequest = onBackRequest,
                        onShowConversation = memoryStorageDetailViewModel::showConversation,
                        onRestartConversation = onRestartConversation
                    )
                }

                MemoryStorageDetailScreenState.Conversation -> {
                    ConversationView(
                        onDismiss = memoryStorageDetailViewModel::showDetail,
                        onRestartConversation = onRestartConversation
                    )
                }
            }
        }
    }
}

@Composable
fun ConversationView(
    onDismiss: () -> Unit,
    onRestartConversation: () -> Unit,
) {
    Column(
        modifier = Modifier
            .fillMaxSize()
            .background(Color(0xFFF9F9F9))
            .padding(horizontal = 24.dp)
    ) {
        // 상단 날짜 + 제목 + 닫기 버튼
        Row(
            modifier = Modifier.fillMaxWidth(),
            horizontalArrangement = Arrangement.SpaceBetween,
            verticalAlignment = Alignment.CenterVertically
        ) {
            Column {
                Text(
                    text = "",
                    fontSize = 18.sp,
                    fontWeight = FontWeight.Bold
                )
                Spacer(modifier = Modifier.height(4.dp))
                Box(
                    modifier = Modifier
                        .clip(RoundedCornerShape(20.dp))
                        .background(Color(0xFFECECEC))
                        .padding(horizontal = 12.dp, vertical = 4.dp)
                ) {
                    Text("2024년 5월 4일", fontSize = 12.sp)
                }
            }

            IconButton(onClick = onDismiss) {
                Icon(imageVector = Icons.Default.Close, contentDescription = "닫기")
            }
        }

        Spacer(modifier = Modifier.height(16.dp))

        // 프로필 이미지 + 질문 + 사진
        Row(verticalAlignment = Alignment.Top) {
            Image(
                painter = painterResource(id = R.drawable.ic_my_appbar), // 귀여운 캐릭터 아이콘 대체
                contentDescription = "캐릭터",
                modifier = Modifier
                    .size(40.dp)
                    .clip(CircleShape)
                    .background(Color.White)
            )

            Spacer(modifier = Modifier.width(12.dp))

            Column {
                Image(
                    painter = painterResource(id = R.drawable.ic_my_appbar), // 병실 이미지 대체
                    contentDescription = "병실 사진",
                    modifier = Modifier
                        .fillMaxWidth()
                        .clip(RoundedCornerShape(12.dp))
                        .border(2.dp, Color(0xFF4A90E2), RoundedCornerShape(12.dp))
                )

                Spacer(modifier = Modifier.height(8.dp))

                Surface(
                    shape = RoundedCornerShape(8.dp),
                    border = BorderStroke(1.dp, Color.LightGray),
                    modifier = Modifier.padding(end = 32.dp)
                ) {
                    Text(
                        text = "다은이를 분만실에서 처음 봤을 때 어떤 느낌이 들었나요?",
                        modifier = Modifier.padding(12.dp),
                        fontSize = 14.sp
                    )
                }
            }
        }

        Spacer(modifier = Modifier.height(16.dp))

        // 대답 말풍선
        Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.End) {
            Surface(
                shape = RoundedCornerShape(8.dp),
                color = Color(0xFFD9FDD3), // 연한 초록
                modifier = Modifier.padding(start = 64.dp)
            ) {
                Text(
                    text = "너무 사랑스러웠단다. 내 소중한 손녀 딸을 보고 싶었거든 어쩌구 저쩌구 그래서 울산 병원에서 어쩌구 저쩌구",
                    modifier = Modifier.padding(12.dp),
                    fontSize = 14.sp
                )
            }
        }

        Spacer(modifier = Modifier.weight(1f))

        // 다시 대화하기 버튼
        Button(
            onClick = onRestartConversation,
            modifier = Modifier
                .fillMaxWidth()
                .padding(vertical = 24.dp),
            shape = RoundedCornerShape(30.dp),
            colors = ButtonDefaults.buttonColors(containerColor = Color(0xFF2DC26B))
        ) {
            Text("다시 대화하기", color = Color.White)
        }
    }
}

@Composable
internal fun MemoryStorageDetailScreen(
    onBackRequest: () -> Unit,
    memoryStorageDetailUiState: MemoryStorageDetailUiState.Success,
    onShowConversation: () -> Unit,
    onRestartConversation: () -> Unit,

) {
    var answerEditMenuExpanded by rememberSaveable { mutableStateOf(false) }
    var showBottomSheet by remember { mutableStateOf(false) }

    Scaffold(
        topBar = {
            BackButtonAppBar(
                onBackRequest = onBackRequest,
                actions = {
                    Box(
                        contentAlignment = Alignment.Center,
                        modifier = Modifier
                            .padding(end = 20.dp)
                            .size(36.dp)
                            .noRippleClickable {
                                showBottomSheet = true
                            }
                    ) {
                        Image(
                            painter = painterResource(R.drawable.ic_more_question),
                            contentDescription = "more"
                        )
                    }
                }
            )
        },
        bottomBar = {
            DefaultButton(
                onClick = { onShowConversation() },
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(start = 20.dp, end = 20.dp, bottom = 8.dp)
            ) {
                Text(stringResource(btn_look_all_answer))
            }
        },


        modifier = Modifier
            .background(WH)
    ) { scaffoldPaddingValues ->
        val memory = memoryStorageDetailUiState.memoryCard


        Column(
            modifier = Modifier
                .fillMaxSize()
                .padding(scaffoldPaddingValues)
        ) {
            Box(
                contentAlignment = Alignment.Center,
                modifier = Modifier
                    .fillMaxWidth()
                    .height(240.dp)
                    .background(G1)
            ) {
                Image(
                    painter = painterResource(R.drawable.ic_camera_memory),
                    contentDescription = "camera"
                )
            }

            Spacer(
                modifier = Modifier
                    .padding(top = 10.dp)
            )

            MemoryInfoView(
                modifier = Modifier.fillMaxWidth(),
                title = memory?.writerTitle ?: "",
                description = memory?.dateTime.toString()
            )

            Spacer(
                modifier = Modifier
                    .padding(top = 10.dp)
            )

            Box(
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(start = 20.dp, end = 20.dp, bottom = 32.dp, top = 24.dp)
                    .background(G1, RoundedCornerShape(10.dp))
                    .padding(24.dp)
            ) {
                Text(
                    text = memory?.text ?: "",
                    fontFamily = PretendardFontFamily,
                    fontWeight = FontWeight.Medium,
                    fontSize = 20.sp,
                    color = G5
                )
            }
        }
    }
    BottomSheetForMemory(
        showBottomSheet = showBottomSheet,
        onDismiss = { showBottomSheet = false },
        onRestartConversation = {
            showBottomSheet = false
            onRestartConversation()
        }
    )
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BottomSheetForMemory(
    showBottomSheet: Boolean,
    onDismiss: () -> Unit,
    onRestartConversation: () -> Unit,
) {
    val sheetState = rememberModalBottomSheetState()

    if (showBottomSheet) {
        ModalBottomSheet(
            onDismissRequest = onDismiss,
            sheetState = sheetState
        ) {
            Column(
                modifier = Modifier
                    .fillMaxWidth()
            ) {
                Text(
                    text = "다시 대화하기",
                    fontSize = 34.sp,
                    fontFamily = PretendardFontFamily,
                    fontWeight = FontWeight.Medium,
                    textAlign = TextAlign.Center,
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(bottom = 22.dp)
                        .clickable { onRestartConversation() }
                )
                HorizontalDivider()

                Text(
                    text = "삭제하기",
                    fontSize = 34.sp,
                    fontFamily = PretendardFontFamily,
                    fontWeight = FontWeight.Medium,
                    textAlign = TextAlign.Center,
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(top = 23.dp)
                        .clickable { TODO() }
                )
            }
        }
    }
}

// MemoryStorageDetailViewModel

@HiltViewModel
internal class MemoryStorageDetailViewModel @Inject constructor(
    private val getMemoryCardUseCase: GetMemoryCardUseCase,
    savedStateHandle: SavedStateHandle
    ) : ViewModel() {

    private val _uiState = MutableStateFlow<MemoryStorageDetailUiState>(
        MemoryStorageDetailUiState.Loading())
    val uiState: StateFlow<MemoryStorageDetailUiState> = _uiState

    private val memoryCardId: String = checkNotNull(savedStateHandle["memoryCardId"])

    fun showConversation() {
        val currentState = _uiState.value
        if (currentState is MemoryStorageDetailUiState.Success) {
            _uiState.value = currentState.copy(screenState = MemoryStorageDetailScreenState.Conversation)
        }
    }

    fun showDetail() {
        val currentState = _uiState.value
        if (currentState is MemoryStorageDetailUiState.Success) {
            _uiState.value = currentState.copy(screenState = MemoryStorageDetailScreenState.Detail)
        }
    }

    private val _event: Channel<MemoryStorageDetailEvent> = Channel()
    val event: Flow<MemoryStorageDetailEvent> = _event.receiveAsFlow()

    init {
        loadData()
    }

    private fun loadData() = viewModelScope.launch {
        _uiState.value = MemoryStorageDetailUiState.Loading()

        try {
            val memoryCard = getMemoryCardUseCase(memoryCardId)
            _uiState.value = MemoryStorageDetailUiState.Success(memoryCard)
        } catch (e: Exception) {
            _uiState.value = MemoryStorageDetailUiState.Error("카드 로딩 실패")
            _event.send(MemoryStorageDetailEvent.LoadError)
        }
    }
}

// MemoryStorageDetailScreenState

enum class MemoryStorageDetailScreenState {
    Detail,
    Conversation,
}

sealed class MemoryStorageDetailUiState(
    open val screenState: MemoryStorageDetailScreenState = MemoryStorageDetailScreenState.Detail,
) {
    data class Loading(
        override val screenState: MemoryStorageDetailScreenState = MemoryStorageDetailScreenState.Detail,
    ) : MemoryStorageDetailUiState()

    data class Success(
        val memoryCard: MemoryCard,
        override val screenState: MemoryStorageDetailScreenState = MemoryStorageDetailScreenState.Detail,
    ) : MemoryStorageDetailUiState()

    data class Error(
        val message: String,
        override val screenState: MemoryStorageDetailScreenState = MemoryStorageDetailScreenState.Detail,
    ) : MemoryStorageDetailUiState()
}