✨ 네트워크 연결 상태 CreateRunningPostFragment에 적용

Author: bngsh

presentation/src/main/java/com/whyranoid/presentation/community/runningpost/CreateRunningPostFragment.kt

@@ -25,13 +25,20 @@ internal class CreateRunningPostFragment :
         observeState()
     }
 
+    override fun onDestroyView() {
+        viewModel.finishObservingNetworkState()
+        super.onDestroyView()
+    }
+
     private fun initViews() {
         binding.vm = viewModel
         binding.selectedRunningHistory = viewModel.selectedRunningHistory
+        binding.executePendingBindings()
         setUpMenu()
     }
 
     private fun observeState() {
+        viewModel.startObservingNetworkState()
         viewLifecycleOwner.repeatWhenUiStarted {
             viewModel.createPostState.collect { createPostState ->
                 when (createPostState) {

presentation/src/main/java/com/whyranoid/presentation/community/runningpost/CreateRunningPostViewModel.kt

@@ -3,14 +3,19 @@ package com.whyranoid.presentation.community.runningpost
 import androidx.lifecycle.SavedStateHandle
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
+import com.whyranoid.domain.repository.NetworkRepository
 import com.whyranoid.domain.usecase.CreateRunningPostUseCase
 import com.whyranoid.presentation.model.RunningHistoryUiModel
 import com.whyranoid.presentation.model.UiState
+import com.whyranoid.presentation.util.networkconnection.NetworkState
 import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.FlowPreview
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.SharingStarted
 import kotlinx.coroutines.flow.StateFlow
 import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.combine
+import kotlinx.coroutines.flow.debounce
 import kotlinx.coroutines.flow.map
 import kotlinx.coroutines.flow.stateIn
 import kotlinx.coroutines.launch
@@ -19,6 +24,7 @@ import javax.inject.Inject
 @HiltViewModel
 class CreateRunningPostViewModel @Inject constructor(
     private val createRunningPostUseCase: CreateRunningPostUseCase,
+    private val networkRepository: NetworkRepository,
     savedState: SavedStateHandle
 ) : ViewModel() {
 
@@ -27,8 +33,8 @@ class CreateRunningPostViewModel @Inject constructor(
     val runningPostContent = MutableStateFlow<String?>(null)
 
     val createPostButtonEnableState: StateFlow<Boolean>
-        get() = runningPostContent.map { content ->
-            content.isNullOrBlank().not()
+        get() = runningPostContent.combine(networkState) { content, networkState ->
+            content.isNullOrBlank().not() && networkState is NetworkState.Connection
         }.stateIn(
             initialValue = false,
             started = SharingStarted.WhileSubscribed(5000),
@@ -39,6 +45,18 @@ class CreateRunningPostViewModel @Inject constructor(
     val createPostState: StateFlow<UiState<Boolean>>
         get() = _createPostState.asStateFlow()
 
+    @OptIn(FlowPreview::class)
+    val networkState = networkRepository.getNetworkConnectionState()
+        .map { isConnected ->
+            if (isConnected) NetworkState.Connection else NetworkState.DisConnection
+        }
+        .debounce(500)
+        .stateIn(
+            scope = viewModelScope,
+            started = SharingStarted.WhileSubscribed(5000),
+            initialValue = NetworkState.UnInitialized
+        )
+
     fun createRunningPost() {
         viewModelScope.launch {
             _createPostState.value = UiState.Loading
@@ -56,6 +74,14 @@ class CreateRunningPostViewModel @Inject constructor(
         }
     }
 
+    fun startObservingNetworkState() {
+        networkRepository.addNetworkConnectionCallback()
+    }
+
+    fun finishObservingNetworkState() {
+        networkRepository.removeNetworkConnectionCallback()
+    }
+
     companion object {
         private const val RUNNING_HISTORY_SAFE_ARGS_KEY = "selectedRunningHistory"
     }

presentation/src/main/res/layout/fragment_create_running_post.xml

@@ -18,6 +18,19 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
+        <TextView
+            android:id="@+id/tv_network_connection"
+            networkConnectionVisibility="@{vm.networkState}"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@color/gray"
+            android:gravity="center"
+            android:padding="4dp"
+            android:text="@string/network_connection_alert"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/app_bar" />
+
         <com.google.android.material.appbar.AppBarLayout
             android:id="@+id/app_bar"
             android:layout_width="match_parent"
@@ -42,7 +55,7 @@
             android:layout_height="wrap_content"
             android:text="@string/community_label_running_history"
             android:textAppearance="@style/MoGakRunText.Bold.Medium"
-            app:layout_constraintTop_toBottomOf="@id/app_bar"
+            app:layout_constraintTop_toBottomOf="@id/tv_network_connection"
             app:layout_constraintStart_toStartOf="parent"
             android:layout_marginTop="20dp"
             android:layout_marginStart="16dp"