Feature/#94 my account

feature/login/build.gradle.kts

@@ -9,4 +9,5 @@ android {
 
 dependencies {
   implementation(projects.domain.login)
+  implementation(projects.domain.user)
 }

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/MyInfoContract.kt

@@ -10,4 +10,5 @@ data class MyInfoState(
 sealed interface MyInfoSideEffect {
   data object NavigateNotice : MyInfoSideEffect
   data object NavigateMyEvaluation : MyInfoSideEffect
+  data object NavigateMyAccount : MyInfoSideEffect
 }

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/MyInfoScreen.kt

@@ -48,13 +48,15 @@ fun MyInfoRoute(
   viewModel: MyInfoViewModel = hiltViewModel(),
   navigateNotice: () -> Unit,
   navigateMyEvaluation: () -> Unit,
+  navigateMyAccount: () -> Unit,
 ) {
   val scrollState = rememberScrollState()
   val uiState = viewModel.collectAsState().value
   viewModel.collectSideEffect { sideEffect ->
     when (sideEffect) {
-      MyInfoSideEffect.NavigateNotice -> navigateNotice()
+      is MyInfoSideEffect.NavigateNotice -> navigateNotice()
       is MyInfoSideEffect.NavigateMyEvaluation -> navigateMyEvaluation()
+      is MyInfoSideEffect.NavigateMyAccount -> navigateMyAccount()
     }
   }
 
@@ -68,6 +70,7 @@ fun MyInfoRoute(
     scrollState = scrollState,
     onClickNoticeButton = viewModel::navigateNotice,
     onClickMyEvaluationButton = viewModel::navigateMyEvaluation,
+    onClickMyAccountButton = viewModel::navigateMyAccount,
   )
 }
 
@@ -78,6 +81,7 @@ fun MyInfoScreen(
   scrollState: ScrollState,
   onClickNoticeButton: () -> Unit,
   onClickMyEvaluationButton: () -> Unit,
+  onClickMyAccountButton: () -> Unit,
 ) {
   val myList = immutableListOf(
     R.string.my_info_point,
@@ -142,6 +146,7 @@ fun MyInfoScreen(
           MyInfoMenuItem(
             title = stringResource(R.string.my_info_account_manage),
             iconId = R.drawable.ic_my_info_setting,
+            onClickItem = onClickMyAccountButton,
           )
         }
       }
@@ -327,6 +332,7 @@ fun MyInfoScreenScreenPreview() {
       scrollState = scrollState,
       onClickNoticeButton = {},
       onClickMyEvaluationButton = {},
+      onClickMyAccountButton = {},
     )
   }
 }

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/MyInfoViewModel.kt

@@ -40,4 +40,5 @@ class MyInfoViewModel @Inject constructor(
 
   fun navigateNotice() = intent { postSideEffect(MyInfoSideEffect.NavigateNotice) }
   fun navigateMyEvaluation() = intent { postSideEffect(MyInfoSideEffect.NavigateMyEvaluation) }
+  fun navigateMyAccount() = intent { postSideEffect(MyInfoSideEffect.NavigateMyAccount) }
 }

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/myaccount/MyAccountContract.kt

@@ -0,0 +1,14 @@
+package com.suwiki.feature.myinfo.myaccount
+
+data class MyAccountState(
+  val isLoading: Boolean = false,
+  val userId: String = "",
+  val userEmail: String = "",
+)
+
+sealed interface MyAccountSideEffect {
+  data object PopBackStack : MyAccountSideEffect
+  data object NavigateResetPassword : MyAccountSideEffect
+  data object NavigateQuit : MyAccountSideEffect
+  data class HandleException(val throwable: Throwable) : MyAccountSideEffect
+}

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/myaccount/MyAccountScreen.kt

@@ -0,0 +1,167 @@
+package com.suwiki.feature.myinfo.myaccount
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+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.material3.HorizontalDivider
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import com.suwiki.core.designsystem.component.appbar.SuwikiAppBarWithTitle
+import com.suwiki.core.designsystem.theme.Gray95
+import com.suwiki.core.designsystem.theme.GrayF6
+import com.suwiki.core.designsystem.theme.SuwikiTheme
+import com.suwiki.core.designsystem.theme.White
+import com.suwiki.core.ui.extension.suwikiClickable
+import com.suwiki.feature.myinfo.R
+import org.orbitmvi.orbit.compose.collectAsState
+import org.orbitmvi.orbit.compose.collectSideEffect
+
+@Composable
+fun MyAccountRoute(
+  viewModel: MyAccountViewModel = hiltViewModel(),
+  popBackStack: () -> Unit,
+  navigateResetPassword: () -> Unit = {},
+  navigateQuit: () -> Unit = {},
+  handleException: (Throwable) -> Unit,
+) {
+  val uiState = viewModel.collectAsState().value
+  viewModel.collectSideEffect { sideEffect ->
+    when (sideEffect) {
+      MyAccountSideEffect.PopBackStack -> popBackStack()
+      is MyAccountSideEffect.NavigateResetPassword -> navigateResetPassword()
+      is MyAccountSideEffect.NavigateQuit -> navigateQuit()
+      is MyAccountSideEffect.HandleException -> handleException(sideEffect.throwable)
+    }
+  }
+
+  LaunchedEffect(key1 = Unit) {
+    viewModel.initData()
+  }
+
+  MyAccountScreen(
+    uiState = uiState,
+    popBackStack = viewModel::popBackStack,
+    onClickResetPassword = viewModel::navigateResetPassword,
+    onClickLogout = { /*TODO(LOGOUT)*/ },
+    onClickQuit = viewModel::navigateQuit,
+  )
+}
+
+@Composable
+fun MyAccountScreen(
+  uiState: MyAccountState = MyAccountState(),
+  popBackStack: () -> Unit = {},
+  onClickResetPassword: () -> Unit = {},
+  onClickLogout: () -> Unit = {},
+  onClickQuit: () -> Unit = {},
+) {
+  Column(
+    modifier = Modifier
+      .fillMaxSize()
+      .background(White),
+  ) {
+    SuwikiAppBarWithTitle(
+      showBackIcon = true,
+      showCloseIcon = false,
+      onClickBack = popBackStack,
+    )
+    Text(
+      modifier = Modifier
+        .fillMaxWidth()
+        .padding(horizontal = 24.dp, vertical = 14.dp),
+      text = stringResource(R.string.word_my_account),
+      style = SuwikiTheme.typography.body2,
+    )
+    UserInfoRowContainer(
+      userInfo = stringResource(R.string.word_login_id),
+      userInfoValue = uiState.userId,
+    )
+    UserInfoRowContainer(
+      userInfo = stringResource(R.string.word__authentication_email),
+      userInfoValue = uiState.userEmail,
+    )
+    Spacer(modifier = Modifier.height(24.dp))
+    AlignContainer(
+      title = stringResource(R.string.word_reset_password),
+      onClick = onClickResetPassword,
+    )
+    AlignContainer(
+      title = stringResource(R.string.word_logout),
+      onClick = onClickLogout,
+    )
+    AlignContainer(
+      title = stringResource(R.string.word_quit),
+      onClick = onClickQuit,
+    )
+  }
+}
+
+@Composable
+fun AlignContainer(
+  modifier: Modifier = Modifier,
+  title: String,
+  onClick: () -> Unit = {},
+) {
+  Box(
+    modifier = modifier
+      .fillMaxWidth()
+      .suwikiClickable(onClick = onClick)
+      .padding(horizontal = 24.dp, vertical = 14.dp),
+  ) {
+    Text(
+      text = title,
+      style = SuwikiTheme.typography.body2,
+    )
+  }
+}
+
+@Composable
+fun UserInfoRowContainer(
+  modifier: Modifier = Modifier,
+  userInfo: String,
+  userInfoValue: String,
+) {
+  Column {
+    Row(
+      modifier = modifier
+        .fillMaxWidth()
+        .padding(horizontal = 24.dp, vertical = 14.dp),
+      horizontalArrangement = Arrangement.SpaceBetween,
+    ) {
+      Text(
+        text = userInfo,
+        style = SuwikiTheme.typography.caption2,
+        color = Gray95,
+      )
+      Text(
+        text = userInfoValue,
+        style = SuwikiTheme.typography.body5,
+      )
+    }
+    HorizontalDivider(
+      modifier = Modifier
+        .background(GrayF6),
+    )
+  }
+}
+
+@Preview
+@Composable
+fun MyAccountScreenPreview() {
+  SuwikiTheme {
+    MyAccountScreen()
+  }
+}

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/myaccount/MyAccountViewModel.kt

@@ -0,0 +1,40 @@
+package com.suwiki.feature.myinfo.myaccount
+
+import androidx.lifecycle.ViewModel
+import com.suwiki.core.model.user.User
+import com.suwiki.domain.user.usecase.GetUserInfoUseCase
+import dagger.hilt.android.lifecycle.HiltViewModel
+import org.orbitmvi.orbit.Container
+import org.orbitmvi.orbit.ContainerHost
+import org.orbitmvi.orbit.syntax.simple.intent
+import org.orbitmvi.orbit.syntax.simple.postSideEffect
+import org.orbitmvi.orbit.syntax.simple.reduce
+import org.orbitmvi.orbit.viewmodel.container
+import javax.inject.Inject
+
+@HiltViewModel
+class MyAccountViewModel @Inject constructor(
+  val getUserInfoUseCase: GetUserInfoUseCase,
+) : ContainerHost<MyAccountState, MyAccountSideEffect>, ViewModel() {
+  override val container: Container<MyAccountState, MyAccountSideEffect> = container(MyAccountState())
+
+  fun initData() = intent {
+    getUserInfoUseCase().collect(::updateUserIdAndEmail).runCatching {}
+      .onFailure {
+        postSideEffect(MyAccountSideEffect.HandleException(it))
+      }
+  }
+
+  private fun updateUserIdAndEmail(user: User) = intent {
+    reduce {
+      state.copy(
+        userId = user.userId,
+        userEmail = user.email,
+      )
+    }
+  }
+
+  fun popBackStack() = intent { postSideEffect(MyAccountSideEffect.PopBackStack) }
+  fun navigateResetPassword() = intent { postSideEffect(MyAccountSideEffect.NavigateResetPassword) }
+  fun navigateQuit() = intent { postSideEffect(MyAccountSideEffect.NavigateQuit) }
+}

feature/myinfo/src/main/java/com/suwiki/feature/myinfo/navigation/MyInfoNavigation.kt

@@ -6,25 +6,73 @@ import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
 import androidx.navigation.compose.composable
 import com.suwiki.feature.myinfo.MyInfoRoute
+import com.suwiki.feature.myinfo.myaccount.MyAccountRoute
+import com.suwiki.feature.myinfo.quit.QuitRoute
+import com.suwiki.feature.myinfo.resetpassword.ResetPasswordRoute
 
 fun NavController.navigateMyInfo(navOptions: NavOptions) {
   navigate(MyInfoRoute.route, navOptions)
 }
 
+fun NavController.navigateMyAccount() {
+  navigate(MyInfoRoute.myAccountRoute)
+}
+
+fun NavController.navigateResetPassword() {
+  navigate(MyInfoRoute.resetPasswordRoute)
+}
+
+fun NavController.navigateQuit() {
+  navigate(MyInfoRoute.quitRoute)
+}
+
 fun NavGraphBuilder.myInfoNavGraph(
   padding: PaddingValues,
+  popBackStack: () -> Unit = {},
   navigateNotice: () -> Unit = {},
   navigateMyEvaluation: () -> Unit = {},
+  navigateMyAccount: () -> Unit = {},
+  navigateResetPassword: () -> Unit = {},
+  navigateQuit: () -> Unit = {},
+  navigateFindPassword: () -> Unit = {},
+  navigateLogin: () -> Unit = {},
+  handleException: (Throwable) -> Unit = {},
 ) {
   composable(route = MyInfoRoute.route) {
     MyInfoRoute(
       padding = padding,
       navigateNotice = navigateNotice,
       navigateMyEvaluation = navigateMyEvaluation,
+      navigateMyAccount = navigateMyAccount,
+    )
+  }
+  composable(route = MyInfoRoute.myAccountRoute) {
+    MyAccountRoute(
+      popBackStack = popBackStack,
+      navigateResetPassword = navigateResetPassword,
+      navigateQuit = navigateQuit,
+      handleException = handleException,
+    )
+  }
+  composable(route = MyInfoRoute.resetPasswordRoute) {
+    ResetPasswordRoute(
+      popBackStack = popBackStack,
+      navigateFindPassword = navigateFindPassword,
+      navigateLogin = navigateLogin,
+      handleException = handleException,
+    )
+  }
+  composable(route = MyInfoRoute.quitRoute) {
+    QuitRoute(
+      popBackStack = popBackStack,
+      handleException = handleException,
     )
   }
 }
 
 object MyInfoRoute {
   const val route = "my-info"
+  const val myAccountRoute = "my-account"
+  const val resetPasswordRoute = "reset-password"
+  const val quitRoute = "quit"
 }