refactor: preview 수정 및 state Hoisting 적용

core/designsystem/src/main/java/kr/boostcamp_2024/course/designsystem/ui/annotation/PreviewAnnotations.kt

@@ -6,3 +6,7 @@ import androidx.compose.ui.tooling.preview.Preview
 @Preview(locale = "ko")
 @Preview(locale = "ko", uiMode = UI_MODE_NIGHT_YES)
 annotation class PreviewKoLightDark
+
+@Preview(locale = "ko", showBackground = true)
+@Preview(locale = "ko", showBackground = true, uiMode = UI_MODE_NIGHT_YES)
+annotation class PreviewKoLightDarkBackground

feature/main/src/main/java/kr/boostcamp_2024/course/main/presentation/NotificationScreen.kt

@@ -17,9 +17,9 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDark
 import kr.boostcamp_2024.course.designsystem.ui.theme.WeQuizTheme
 import kr.boostcamp_2024.course.domain.model.Notification
 import kr.boostcamp_2024.course.domain.model.NotificationWithGroupInfo
@@ -29,7 +29,7 @@ import kr.boostcamp_2024.course.main.component.NotificationTopAppBar
 import kr.boostcamp_2024.course.main.viewmodel.NotificationViewModel
 
 @Composable
-fun NotificationScreen(
+internal fun NotificationScreen(
     viewModel: NotificationViewModel = hiltViewModel<NotificationViewModel>(),
     onNavigationButtonClick: () -> Unit,
 ) {
@@ -54,7 +54,7 @@ fun NotificationScreen(
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun NotificationScreen(
+private fun NotificationScreen(
     notificationInfos: List<NotificationWithGroupInfo>,
     onRejectClick: (String) -> Unit,
     onAcceptClick: (Notification) -> Unit,
@@ -98,7 +98,7 @@ fun NotificationScreen(
     }
 }
 
-@Preview
+@PreviewKoLightDark
 @Composable
 private fun NotificationScreenPreview() {
     WeQuizTheme {

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/component/QuizOwnerDialog.kt

@@ -3,13 +3,13 @@ package kr.boostcamp_2024.course.quiz.component
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.tooling.preview.Preview
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDark
 import kr.boostcamp_2024.course.designsystem.ui.theme.WeQuizTheme
 import kr.boostcamp_2024.course.designsystem.ui.theme.component.WeQuizBaseDialog
 import kr.boostcamp_2024.course.quiz.R
 
 @Composable
-fun QuizOwnerDialog(
+internal fun QuizOwnerDialog(
     isQuit: Boolean = false,
     onDismissButtonClick: () -> Unit,
     onFinishQuizButtonClick: () -> Unit,
@@ -37,14 +37,14 @@ fun QuizOwnerDialog(
     }
 }
 
-@Preview
+@PreviewKoLightDark
 @Composable
-fun OwnerQuitQuizDialogPreview() {
+private fun QuizOwnerDialogPreview() {
     WeQuizTheme {
         QuizOwnerDialog(
             isQuit = true,
-            onDismissButtonClick = { /* no-op */ },
-            onFinishQuizButtonClick = { /* no-op */ },
+            onDismissButtonClick = {},
+            onFinishQuizButtonClick = {},
         )
     }
 }

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/component/QuizSolveTimeSlider.kt

@@ -13,12 +13,12 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDarkBackground
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun QuizSolveTimeSlider(
+internal fun QuizSolveTimeSlider(
     value: Float,
     steps: Int,
     valueRange: ClosedFloatingPointRange<Float>,
@@ -48,9 +48,9 @@ fun QuizSolveTimeSlider(
     )
 }
 
-@Preview(showBackground = true)
+@PreviewKoLightDarkBackground
 @Composable
-fun QuizSolveTimeSliderPreview() {
+private fun QuizSolveTimeSliderPreview() {
     QuizSolveTimeSlider(
         value = 0f,
         steps = 10,

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/component/QuizTopAppBar.kt

@@ -23,6 +23,7 @@ import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDarkBackground
 import kr.boostcamp_2024.course.designsystem.ui.theme.component.WeQuizBaseDialog
 import kr.boostcamp_2024.course.domain.model.BaseQuiz
 import kr.boostcamp_2024.course.domain.model.Category
@@ -31,7 +32,7 @@ import kr.boostcamp_2024.course.quiz.R
 
 @Composable
 @OptIn(ExperimentalMaterial3Api::class)
-fun QuizTopAppBar(
+internal fun QuizTopAppBar(
     category: Category?,
     quiz: BaseQuiz?,
     currentUserId: String?,
@@ -57,11 +58,11 @@ fun QuizTopAppBar(
         navigationIcon = {
             IconButton(
                 onClick =
-                    if (quiz is RealTimeQuiz && quiz.waitingUsers.contains(currentUserId) && quiz.isStarted.not()) {
-                        { showDialog = true }
-                    } else {
-                        { onNavigationButtonClick() }
-                    },
+                if (quiz is RealTimeQuiz && quiz.waitingUsers.contains(currentUserId) && quiz.isStarted.not()) {
+                    { showDialog = true }
+                } else {
+                    { onNavigationButtonClick() }
+                },
             ) {
                 Icon(
                     imageVector = Icons.AutoMirrored.Default.ArrowBack,
@@ -127,3 +128,30 @@ fun QuizTopAppBar(
         )
     }
 }
+
+
+@PreviewKoLightDarkBackground
+@Composable
+private fun QuizTopAppBarPreview() {
+    QuizTopAppBar(
+        category = Category(id = "", name = "", description = "", categoryImageUrl = "", quizzes = emptyList()),
+        quiz = RealTimeQuiz(
+            id = "",
+            title = "",
+            isStarted = false,
+            questions = emptyList(),
+            userOmrs = emptyList(),
+            currentQuestion = 0,
+            ownerId = "",
+            isFinished = false,
+            waitingUsers = emptyList(),
+            description = "",
+            quizImageUrl = null,
+        ),
+        currentUserId = "",
+        onWaitingRealTimeQuizButtonClick = {},
+        onNavigationButtonClick = {},
+        onSettingMenuClick = { _, _ -> },
+        onDeleteMenuClick = { _, _ -> },
+    )
+}

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/component/RadioTextButton.kt

@@ -11,14 +11,14 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDarkBackground
 
 @Composable
-fun RadioTextButton(
+internal fun RadioTextButton(
     text: String,
     selected: Boolean,
     onclick: () -> Unit,
 ) {
-
     Row(
         modifier = Modifier
             .fillMaxWidth()
@@ -41,3 +41,15 @@ fun RadioTextButton(
         )
     }
 }
+
+
+
+@PreviewKoLightDarkBackground
+@Composable
+private fun RadioTextButtonPreview() {
+    RadioTextButton(
+        text = "문제",
+        selected = true,
+        onclick = {},
+    )
+}

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/component/RealTimeQuestion.kt

@@ -12,9 +12,10 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDarkBackground
 
 @Composable
-fun RealTimeQuestion(
+internal fun RealTimeQuestion(
     isOwner: Boolean = false,
     questions: List<String>,
     selectedIndex: Int,
@@ -49,3 +50,12 @@ fun RealTimeQuestion(
         }
     }
 }
+
+@PreviewKoLightDarkBackground
+@Composable
+private fun RealTimeQuestionPreview() {
+    RealTimeQuestion(
+        questions = listOf("문제1", "문제2", "문제3", "문제4", "문제5"),
+        selectedIndex = 0,
+    )
+}

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/component/RealTimeQuizGuideContent.kt

@@ -12,12 +12,13 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDarkBackground
 import kr.boostcamp_2024.course.designsystem.ui.theme.component.WeQuizLocalRoundedImage
 import kr.boostcamp_2024.course.designsystem.ui.theme.component.WeQuizRightChatBubble
 import kr.boostcamp_2024.course.quiz.R
 
 @Composable
-fun RealTimeQuizGuideContent(
+internal fun RealTimeQuizGuideContent(
     ownerName: String,
     totalParticipants: Int,
     submittedParticipants: Int,
@@ -52,3 +53,13 @@ fun RealTimeQuizGuideContent(
         )
     }
 }
+
+@PreviewKoLightDarkBackground
+@Composable
+private fun RealTimeQuizGuideContentPreview() {
+    RealTimeQuizGuideContent(
+        ownerName = "이훈",
+        totalParticipants = 10,
+        submittedParticipants = 5,
+    )
+}

feature/quiz/src/main/java/kr/boostcamp_2024/course/quiz/presentation/question/CreateQuestionScreen.kt

@@ -43,10 +43,10 @@ import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.ImeAction
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import kr.boostcamp_2024.course.designsystem.ui.annotation.PreviewKoLightDark
 import kr.boostcamp_2024.course.designsystem.ui.theme.WeQuizTheme
 import kr.boostcamp_2024.course.quiz.R
 import kr.boostcamp_2024.course.quiz.component.CreateBlankQuestionContent
@@ -58,7 +58,7 @@ import kr.boostcamp_2024.course.quiz.viewmodel.CreateQuestionUiState
 import kr.boostcamp_2024.course.quiz.viewmodel.CreateQuestionViewModel
 
 @Composable
-fun CreateQuestionScreen(
+internal fun CreateQuestionScreen(
     onNavigationButtonClick: () -> Unit,
     onCreateQuestionSuccess: () -> Unit,
     viewModel: CreateQuestionViewModel = hiltViewModel(),
@@ -118,7 +118,7 @@ fun CreateQuestionScreen(
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun CreateQuestionScreen(
+private fun CreateQuestionScreen(
     uiState: CreateQuestionUiState,
     focusRequester: FocusRequester,
     snackBarHostState: SnackbarHostState,
@@ -307,13 +307,46 @@ fun CreateQuestionScreen(
     }
 }
 
-@Preview(showBackground = true)
+@PreviewKoLightDark
 @Composable
-fun CreateQuestionScreenPreview() {
+private fun CreateQuestionScreenPreview() {
+    val previewCreateQuestionUiState = CreateQuestionUiState(
+        isLoading = false,
+        showDialog = false,
+        snackBarMessage = null,
+        creationSuccess = false,
+        selectedQuestionTypeIndex = 0,
+    )
+    val previewOption = listOf(
+        stringResource(R.string.txt_create_general_question),
+        stringResource(R.string.txt_blank_question),
+    )
+
     WeQuizTheme {
         CreateQuestionScreen(
+            uiState = previewCreateQuestionUiState,
+            focusRequester = remember { FocusRequester() },
+            snackBarHostState = remember { SnackbarHostState() },
+            onTitleChanged = {},
+            onDescriptionChanged = {},
+            onSolutionChanged = {},
             onNavigationButtonClick = {},
-            onCreateQuestionSuccess = {},
+            onChoiceTextChanged = { _, _ -> },
+            onSelectedChoiceNumChanged = {},
+            onCreateQuestionButtonClick = {},
+            onQuestionTypeIndexChange = {},
+            selectedQuestionTypeIndex = 0,
+            options = previewOption,
+            isBlankQuestion = false,
+            blankQuestionItems = listOf(),
+            onAddBlankItemButtonClick = {},
+            onAddTextItemButtonClick = {},
+            onBlankQuestionItemValueChanged = { _, _ -> },
+            onContentRemove = {},
+            onCreateBlankQuestionButtonClick = {},
+            isCreateBlankButtonValid = true,
+            isCreateTextButtonValid = true,
+            onShowDialog = {},
         )
     }
 }