홈과 보관함 폴더 생성/이름 변경 UI 및 navigation 추가

app/src/main/java/com/mashup/dorabangs/navigation/DoraAppState.kt

@@ -12,7 +12,7 @@ import androidx.navigation.navOptions
 import com.mashup.core.navigation.NavigationRoute
 import com.mashup.dorabangs.core.designsystem.component.bottomnavigation.BottomNavigationDestination
 import com.mashup.dorabangs.feature.navigation.navigateToHome
-import com.mashup.dorabangs.feature.storage.navigation.navigateToStorage
+import com.mashup.dorabangs.feature.navigation.navigateToStorage
 
 @Composable
 fun rememberDoraAppState(navController: NavHostController = rememberNavController()): DoraAppState {

app/src/main/java/com/mashup/dorabangs/navigation/MainNavHost.kt

@@ -9,11 +9,16 @@ import com.dorabangs.feature.navigation.navigateToSaveLinkSelectFolder
 import com.dorabangs.feature.navigation.saveLinkNavigation
 import com.dorabangs.feature.navigation.saveLinkSelectFolder
 import com.mashup.core.navigation.NavigationRoute
+import com.mashup.dorabangs.feature.navigation.homeCreateFolderNavigation
 import com.mashup.dorabangs.feature.navigation.homeNavigation
 import com.mashup.dorabangs.feature.navigation.navigateToHome
+import com.mashup.dorabangs.feature.navigation.navigateToHomeCrateFolder
+import com.mashup.dorabangs.feature.navigation.navigateToStorageDetail
+import com.mashup.dorabangs.feature.navigation.navigateToStorageFolderManage
 import com.mashup.dorabangs.feature.navigation.onBoardingNavigation
-import com.mashup.dorabangs.feature.storage.navigation.storageDetailNavigation
-import com.mashup.dorabangs.feature.storage.navigation.storageNavigation
+import com.mashup.dorabangs.feature.navigation.storageDetailNavigation
+import com.mashup.dorabangs.feature.navigation.storageFolderManageNavigation
+import com.mashup.dorabangs.feature.navigation.storageNavigation
 import com.mashup.feature.classification.navigation.classificationNavigation
 import com.mashup.feature.classification.navigation.navigateToClassification
 
@@ -28,6 +33,7 @@ fun MainNavHost(
         navController = appState.navController,
         startDestination = startDestination,
     ) {
+        onBoardingNavigation { appState.navController.navigateToHome() }
         homeNavigation(
             navigateToClassification = { appState.navController.navigateToClassification() },
             navigateToSaveScreenWithLink = { copiedUrl ->
@@ -36,9 +42,18 @@ fun MainNavHost(
             navigateToSaveScreenWithoutLink = {
                 appState.navController.navigateToSaveLink()
             },
+            navigateToCreateFolder = { appState.navController.navigateToHomeCrateFolder() },
+        )
+        homeCreateFolderNavigation(
+            onClickBackIcon = { appState.navController.popBackStack() },
+        )
+        storageNavigation(
+            navigateToStorageDetail = { appState.navController.navigateToStorageDetail() },
+            navigateToFolderManage = { folderManageType -> appState.navController.navigateToStorageFolderManage(folderManageType = folderManageType) },
+        )
+        storageFolderManageNavigation(
+            onClickBackIcon = { appState.navController.popBackStack() },
         )
-        onBoardingNavigation { appState.navController.navigateToHome() }
-        storageNavigation(appState.navController)
         storageDetailNavigation(appState.navController)
         classificationNavigation(appState.navController)
         saveLinkNavigation(

core/designsystem/src/main/java/com/mashup/dorabangs/core/designsystem/component/bottomsheet/BottomSheetType.kt

@@ -21,6 +21,8 @@ object DoraBottomSheet : BottomSheetType {
     override fun MoreButtonBottomSheet(
         modifier: Modifier,
         isShowSheet: Boolean,
+        firstItemName: Int,
+        secondItemName: Int,
         onClickDeleteLinkButton: () -> Unit,
         onClickMoveFolderButton: () -> Unit,
         onDismissRequest: () -> Unit,
@@ -39,12 +41,12 @@ object DoraBottomSheet : BottomSheetType {
                     items = listOf(
                         BottomSheetItemUIModel(
                             icon = R.drawable.ic_plus,
-                            itemName = stringResource(id = R.string.more_button_bottom_sheet_remove_link),
+                            itemName = stringResource(id = firstItemName),
                             color = DoraColorTokens.Alert,
                         ),
                         BottomSheetItemUIModel(
                             icon = R.drawable.ic_plus,
-                            itemName = stringResource(id = R.string.more_button_bottom_sheet_moving_folder),
+                            itemName = stringResource(id = secondItemName),
                         ),
                     ),
                     onClickItem = { index ->
@@ -66,6 +68,8 @@ object DoraBottomSheet : BottomSheetType {
         isShowSheet: Boolean,
         folderList: List<SelectableBottomSheetItemUIModel>,
         onDismissRequest: () -> Unit,
+        onClickCreateFolder: () -> Unit,
+        onClickMoveFolder: () -> Unit,
     ) {
         if (isShowSheet) {
             DoraBaseBottomSheet(
@@ -93,13 +97,15 @@ object DoraBottomSheet : BottomSheetType {
                                 itemName = stringResource(id = R.string.moving_folder_dialog_add_folder),
                                 isSelected = false,
                             ),
+                            onClickItem = onClickCreateFolder,
                         )
                     }
 
                     items(folderList.size) { index ->
                         DoraBottomSheetFolderItem(
                             modifier = Modifier.fillMaxWidth(),
                             data = folderList[index],
+                            onClickItem = onClickMoveFolder,
                         )
                     }
 
@@ -125,6 +131,8 @@ sealed interface BottomSheetType {
     fun MoreButtonBottomSheet(
         modifier: Modifier,
         isShowSheet: Boolean,
+        firstItemName: Int,
+        secondItemName: Int,
         onClickDeleteLink: () -> Unit,
         onClickMoveFolder: () -> Unit,
         onDismissRequest: () -> Unit,
@@ -136,5 +144,7 @@ sealed interface BottomSheetType {
         isShowSheet: Boolean,
         folderList: List<SelectableBottomSheetItemUIModel>,
         onDismissRequest: () -> Unit,
+        onClickCreateFolder: () -> Unit,
+        onClickMoveFolder: () -> Unit,
     )
 }

core/designsystem/src/main/java/com/mashup/dorabangs/core/designsystem/component/bottomsheet/DoraBottomSheetItem.kt

@@ -93,6 +93,7 @@ fun DoraBottomSheetFolderItem(
     data: SelectableBottomSheetItemUIModel,
     modifier: Modifier = Modifier,
     background: Color = BottomSheetColorTokens.MovingFolderColor,
+    onClickItem: () -> Unit = {},
 ) {
     Row(
         modifier = modifier
@@ -102,10 +103,11 @@ fun DoraBottomSheetFolderItem(
         verticalAlignment = Alignment.CenterVertically,
     ) {
         DoraFolderListItem(
-            BottomSheetItemUIModel(
+            data = BottomSheetItemUIModel(
                 icon = data.icon,
                 itemName = data.itemName,
             ),
+            modifier = Modifier.clickable { onClickItem() },
         )
         if (data.isSelected) {
             Icon(

core/navigation/src/main/java/com/mashup/core/navigation/NavigationRoute.kt

@@ -2,9 +2,12 @@ package com.mashup.core.navigation
 
 sealed class NavigationRoute(val route: String) {
     object OnBoardingScreen : NavigationRoute("onboarding")
-    object HomeScreen : NavigationRoute("home")
+    object HomeScreen : NavigationRoute("home") {
+        object HomeCreateFolder : NavigationRoute("home/createFolder")
+    }
     object StorageScreen : NavigationRoute("storage") {
         object StorageDetailScreen : NavigationRoute("storage/detail")
+        object StorageFolderManageScreen : NavigationRoute("storage/folderManage")
     }
     object ClassificationScreen : NavigationRoute("classification")
     object SaveLink : NavigationRoute("save/copiedUrl") {

feature/home/src/main/java/com/mashup/dorabangs/feature/createfolder/HomeCreateFolderScreen.kt

@@ -0,0 +1,74 @@
+package com.mashup.dorabangs.feature.createfolder
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import com.mashup.dorabangs.core.designsystem.component.buttons.DoraButtons
+import com.mashup.dorabangs.core.designsystem.component.textfield.DoraTextField
+import com.mashup.dorabangs.core.designsystem.component.topbar.DoraTopBar
+import com.mashup.dorabangs.core.designsystem.theme.LinkSaveColorTokens
+import com.mashup.dorabangs.home.R
+
+@Composable
+fun HomeCreateFolderRoute(
+    onClickBackIcon: () -> Unit,
+) {
+    HomeCreateFolderScreen(
+        onClickBackIcon = onClickBackIcon,
+        onClickSaveButton = {},
+    )
+}
+
+@Composable
+fun HomeCreateFolderScreen(
+    onClickBackIcon: () -> Unit,
+    onClickSaveButton: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(color = LinkSaveColorTokens.ContainerColor),
+    ) {
+        DoraTopBar.BackNavigationTopBar(
+            modifier = Modifier,
+            title = stringResource(id = R.string.home_create_folder_title),
+            isTitleCenter = true,
+            onClickBackIcon = onClickBackIcon,
+        )
+        Spacer(modifier = Modifier.height(height = 24.dp))
+        Column(
+            modifier = modifier
+                .fillMaxSize()
+                .padding(horizontal = 20.dp),
+        ) {
+            DoraTextField(
+                text = "",
+                hintText = stringResource(id = R.string.home_create_folder_hint),
+                labelText = stringResource(id = R.string.home_create_folder_label),
+                helperText = stringResource(id = R.string.home_create_folder_helper),
+                helperEnabled = true,
+                counterEnabled = true,
+                onValueChanged = {},
+            )
+            Spacer(modifier = Modifier.height(20.dp))
+            DoraButtons.DoraBtnMaxFull(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(vertical = 20.dp),
+                buttonText = stringResource(id = R.string.home_create_folder_save),
+                enabled = true,
+                onClickButton = onClickSaveButton,
+            )
+            Spacer(modifier = Modifier.height(20.dp))
+        }
+    }
+}

feature/home/src/main/java/com/mashup/dorabangs/feature/home/HomeScreen.kt

@@ -57,6 +57,7 @@ fun HomeRoute(
     navigateToClassification: () -> Unit = {},
     navigateToSaveScreenWithLink: (String) -> Unit = {},
     navigateToSaveScreenWithoutLink: () -> Unit = {},
+    navigateToCreateFolder: () -> Unit,
 ) {
     val snackBarHostState by remember { mutableStateOf(SnackbarHostState()) }
     val state by viewModel.collectAsState()
@@ -115,6 +116,8 @@ fun HomeRoute(
         DoraBottomSheet.MoreButtonBottomSheet(
             modifier = Modifier.height(320.dp),
             isShowSheet = state.isShowMoreButtonSheet,
+            firstItemName = R.string.more_button_bottom_sheet_remove_link,
+            secondItemName = R.string.more_button_bottom_sheet_moving_folder,
             onClickDeleteLinkButton = {
                 viewModel.setVisibleMoreButtonBottomSheet(false)
                 viewModel.setVisibleDialog(true)
@@ -131,6 +134,11 @@ fun HomeRoute(
             isShowSheet = state.isShowMovingFolderSheet,
             folderList = testFolderListData,
             onDismissRequest = { viewModel.setVisibleMovingFolderBottomSheet(false) },
+            onClickCreateFolder = {
+                viewModel.setVisibleMovingFolderBottomSheet(false)
+                navigateToCreateFolder()
+            },
+            onClickMoveFolder = {},
         )
 
         DoraDialog(

feature/home/src/main/java/com/mashup/dorabangs/feature/navigation/HomeCreateFolderNavigation.kt

@@ -0,0 +1,23 @@
+package com.mashup.dorabangs.feature.navigation
+
+import androidx.navigation.NavController
+import androidx.navigation.NavGraphBuilder
+import androidx.navigation.NavOptions
+import androidx.navigation.compose.composable
+import com.mashup.core.navigation.NavigationRoute
+import com.mashup.dorabangs.feature.createfolder.HomeCreateFolderRoute
+
+fun NavController.navigateToHomeCrateFolder(navOptions: NavOptions? = null) =
+    navigate(NavigationRoute.HomeScreen.HomeCreateFolder.route, navOptions)
+
+fun NavGraphBuilder.homeCreateFolderNavigation(
+    onClickBackIcon: () -> Unit,
+) {
+    composable(
+        route = NavigationRoute.HomeScreen.HomeCreateFolder.route,
+    ) {
+        HomeCreateFolderRoute(
+            onClickBackIcon = {},
+        )
+    }
+}

feature/home/src/main/java/com/mashup/dorabangs/feature/navigation/HomeNavigation.kt

@@ -14,6 +14,7 @@ fun NavGraphBuilder.homeNavigation(
     navigateToClassification: () -> Unit = {},
     navigateToSaveScreenWithLink: (String) -> Unit,
     navigateToSaveScreenWithoutLink: () -> Unit,
+    navigateToCreateFolder: () -> Unit,
 ) {
     composable(
         route = NavigationRoute.HomeScreen.route,
@@ -22,6 +23,7 @@ fun NavGraphBuilder.homeNavigation(
             navigateToClassification = navigateToClassification,
             navigateToSaveScreenWithLink = navigateToSaveScreenWithLink,
             navigateToSaveScreenWithoutLink = navigateToSaveScreenWithoutLink,
+            navigateToCreateFolder = navigateToCreateFolder,
         )
     }
 }

feature/home/src/main/res/values/string.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="home_create_folder_hint">폴더명을 입력해주세요.</string>
+    <string name="home_create_folder_label">폴더명</string>
+    <string name="home_create_folder_helper">같은 이름의 폴더 있어요</string>
+    <string name="home_create_folder_save">저장</string>
+    <string name="home_create_folder_title">새 폴더 추가</string>
+</resources>

feature/storage/src/main/java/com/mashup/dorabangs/feature/folders/FolderManageSideEffect.kt

@@ -0,0 +1,3 @@
+package com.mashup.dorabangs.feature.folders
+
+sealed class FolderManageSideEffect

feature/storage/src/main/java/com/mashup/dorabangs/feature/folders/FolderManageViewModel.kt

@@ -0,0 +1,26 @@
+package com.mashup.dorabangs.feature.folders
+
+import androidx.lifecycle.ViewModel
+import com.mashup.dorabangs.feature.folders.model.FolderManageState
+import com.mashup.dorabangs.feature.folders.model.FolderManageType
+import org.orbitmvi.orbit.ContainerHost
+import org.orbitmvi.orbit.syntax.simple.intent
+import org.orbitmvi.orbit.syntax.simple.reduce
+import org.orbitmvi.orbit.viewmodel.container
+import javax.inject.Inject
+
+class FolderManageViewModel @Inject constructor() :
+    ViewModel(),
+    ContainerHost<FolderManageState, FolderManageSideEffect> {
+    override val container = container<FolderManageState, FolderManageSideEffect>(FolderManageState())
+
+    fun setFolderManageType(name: String) = intent {
+        reduce {
+            when (name) {
+                FolderManageType.CREATE.name -> state.copy(type = FolderManageType.CREATE)
+                FolderManageType.CHANGE.name -> state.copy(type = FolderManageType.CHANGE)
+                else -> state.copy(type = FolderManageType.CREATE)
+            }
+        }
+    }
+}