add loading icon when saving video

android · Apr 15, 2024 · aec7383 · aec7383
1 parent fed17e3
commit aec7383
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/app/src/main/java/com/google/android/samples/socialite/ui/camera/Camera.kt b/app/src/main/java/com/google/android/samples/socialite/ui/camera/Camera.kt
@@ -41,13 +41,15 @@ import androidx.compose.material.icons.filled.ArrowBack
 import androidx.compose.material.icons.filled.Autorenew
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -76,6 +78,8 @@ fun Camera(
     modifier: Modifier = Modifier,
     viewModel: CameraViewModel = hiltViewModel(),
 ) {
+    val isSavingVideo = viewModel.isSavingVideo.collectAsState()
+
     var surfaceProvider by remember { mutableStateOf<Preview.SurfaceProvider?>(null) }
     var cameraSelector by remember { mutableStateOf(CameraSelector.DEFAULT_BACK_CAMERA) }
     var captureMode by remember { mutableStateOf(CaptureMode.PHOTO) }
@@ -308,6 +312,14 @@ fun Camera(
                     }
                 }
             }
+
+            if (isSavingVideo.value) {
+                CircularProgressIndicator(
+                    modifier = Modifier.align(Alignment.Center)
+                        .background(MaterialTheme.colorScheme.primaryContainer, CircleShape)
+                        .padding(8.dp),
+                )
+            }
         }
     } else {
         CameraAndRecordAudioPermission(cameraAndRecordAudioPermissionState) {

diff --git a/app/src/main/java/com/google/android/samples/socialite/ui/camera/CameraViewModel.kt b/app/src/main/java/com/google/android/samples/socialite/ui/camera/CameraViewModel.kt
@@ -58,6 +58,7 @@ import java.text.SimpleDateFormat
 import java.util.Locale
 import javax.inject.Inject
 import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
 import kotlinx.coroutines.launch
 
 @HiltViewModel
@@ -70,6 +71,9 @@ class CameraViewModel @Inject constructor(
     private lateinit var camera: Camera
     private lateinit var extensionsManager: ExtensionsManager
 
+    private val _isSavingVideo = MutableStateFlow(false)
+    val isSavingVideo: StateFlow<Boolean> = _isSavingVideo
+
     val chatId: Long? = savedStateHandle.get("chatId")
     var viewFinderState = MutableStateFlow(ViewFinderState())
 
@@ -231,6 +235,7 @@ class CameraViewModel @Inject constructor(
             recordingState = event
             if (event is VideoRecordEvent.Finalize) {
                 onMediaCaptured(Media(event.outputResults.outputUri, MediaType.VIDEO))
+                _isSavingVideo.value = false
             }
         }
 
@@ -255,6 +260,8 @@ class CameraViewModel @Inject constructor(
     }
 
     fun saveVideo() {
+        _isSavingVideo.value = true
+
         if (currentRecording == null || recordingState is VideoRecordEvent.Finalize) {
             return
         }