[feat] #62 pop backstack dialog

Author: lsakee

feature/navigator/src/main/java/com/record/navigator/MainScreen.kt

@@ -100,6 +100,7 @@ internal fun MainScreen(
 
                 uploadNavGraph(
                     padding = innerPadding,
+                    popBackStack = navigator::popBackStackIfNotHome,
                 )
 
                 videoNavGraph(

feature/upload/src/main/java/com/record/upload/UploadContract.kt

@@ -10,10 +10,13 @@ data class UploadState(
     val selectedList: List<String> = persistentListOf(),
     val video: GalleryVideo? = null,
     val showShouldShowRationaleDialog: Boolean = false,
+    val showExitUploadDialog: Boolean = false,
     val isSelectedVideoSheetOpen: Boolean = false,
     val isSelectedDefinedContentSheetOpen: Boolean = false,
     val bucketUrl: String = "",
     val thumbnailUrl: String = "",
 ) : UiState
 
-sealed interface UploadSideEffect : SideEffect
+sealed interface UploadSideEffect : SideEffect{
+    data object PopBackStack : UploadSideEffect
+}

feature/upload/src/main/java/com/record/upload/UploadViewModel.kt

@@ -109,6 +109,14 @@ class UploadViewModel @Inject constructor(
         copy(showShouldShowRationaleDialog = false)
     }
 
+    fun showExitUploadDialog() = intent {
+        copy(showExitUploadDialog = true)
+    }
+
+    fun hideExitUploadDialog() = intent {
+        copy(showExitUploadDialog = false)
+    }
+
     fun showIsSelectedVideoSheetOpen() = intent {
         copy(isSelectedVideoSheetOpen = true)
     }
@@ -124,4 +132,8 @@ class UploadViewModel @Inject constructor(
     fun hideIsSelectedDefinedContentSheetOpen() = intent {
         copy(isSelectedDefinedContentSheetOpen = false)
     }
+
+    fun popBackStack() {
+        postSideEffect(UploadSideEffect.PopBackStack)
+    }
 }

feature/upload/src/main/java/com/record/upload/VideoPickerScreen.kt

@@ -6,6 +6,7 @@ import android.content.Intent
 import android.net.Uri
 import android.os.Build
 import android.provider.Settings
+import androidx.activity.compose.BackHandler
 import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.result.contract.ActivityResultContracts
 import androidx.annotation.RequiresApi
@@ -58,6 +59,7 @@ import com.record.designsystem.component.button.RecordyButton
 import com.record.designsystem.component.button.RecordyChipButton
 import com.record.designsystem.component.dialog.RecordyDialog
 import com.record.designsystem.component.navbar.TopNavigationBar
+import com.record.designsystem.component.snackbar.SnackBarType
 import com.record.designsystem.component.textfield.RecordyBasicTextField
 import com.record.designsystem.theme.Background
 import com.record.designsystem.theme.RecordyTheme
@@ -76,18 +78,37 @@ import java.io.File
 fun VideoPickerRoute(
     paddingValues: PaddingValues,
     viewModel: UploadViewModel = hiltViewModel(),
+    popBackStack: () -> Unit,
 ) {
+
     val state by viewModel.uiState.collectAsStateWithLifecycle()
     val context = LocalContext.current
+    val coroutineScope = rememberCoroutineScope()
+
+    BackHandler(true) {
+        coroutineScope.launch {
+            viewModel.showExitUploadDialog()
+        }
+    }
+
     LaunchedEffectWithLifecycle {
         viewModel.getPresignedUrl()
         viewModel.sideEffect.collectLatest { }
     }
 
+    LaunchedEffectWithLifecycle {
+        viewModel.sideEffect.collectLatest { sideEffect ->
+            when (sideEffect) {
+                is UploadSideEffect.PopBackStack -> popBackStack()
+            }
+        }
+    }
+
     VideoPickerScreen(
         state = state,
         showShouldShowRationaleDialog = viewModel::showShouldShowRationaleDialog,
         hideShouldShowRationaleDialog = viewModel::hideShouldShowRationaleDialog,
+        hideExitUploadDialog = viewModel::hideExitUploadDialog,
         showIsSelectedVideoSheetOpen = viewModel::showIsSelectedVideoSheetOpen,
         hideIsSelectedVideoSheetOpen = viewModel::hideIsSelectedVideoSheetOpen,
         showIsSelectedDefinedContentSheetOpen = viewModel::showIsSelectedDefinedContentSheetOpen,
@@ -97,6 +118,7 @@ fun VideoPickerRoute(
         uploadVideoS3Bucket = {
             viewModel.uploadVideoToS3Bucket(context, it)
         },
+        onClickBackStack = viewModel::popBackStack
     )
 }
 
@@ -111,6 +133,8 @@ fun VideoPickerScreen(
     state: UploadState = UploadState(),
     showShouldShowRationaleDialog: () -> Unit = {},
     hideShouldShowRationaleDialog: () -> Unit = {},
+    onClickBackStack: () -> Unit = {},
+    hideExitUploadDialog: () -> Unit = {},
     showIsSelectedVideoSheetOpen: () -> Unit = {},
     hideIsSelectedVideoSheetOpen: () -> Unit = {},
     showIsSelectedDefinedContentSheetOpen: () -> Unit = {},
@@ -335,6 +359,17 @@ fun VideoPickerScreen(
             },
         )
     }
+    if (state.showExitUploadDialog) {
+        RecordyDialog(
+            graphicAsset = R.drawable.img_allow,
+            title = "화면을 나가시겠어요?",
+            subTitle = "지금까지 작성하신 내용이 모두 사라져요.",
+            negativeButtonLabel = "취소",
+            positiveButtonLabel = "나가기",
+            onDismissRequest = hideExitUploadDialog,
+            onPositiveButtonClick = onClickBackStack
+        )
+    }
     SelectedVideoBottomSheet(
         sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true),
         isSheetOpen = state.isSelectedVideoSheetOpen,

feature/upload/src/main/java/com/record/upload/navigation/UploadNavigation.kt

@@ -17,11 +17,13 @@ fun NavController.navigateToUpload() {
 @RequiresApi(Build.VERSION_CODES.TIRAMISU)
 fun NavGraphBuilder.uploadNavGraph(
     padding: PaddingValues,
+    popBackStack: () -> Unit = {},
     modifier: Modifier = Modifier,
 ) {
     composable(route = UploadRoute.ROUTE) {
         VideoPickerRoute(
             paddingValues = padding,
+            popBackStack = popBackStack,
         )
     }
     composable(route = UploadRoute.SELECTED_VIDEO) {