Merge pull request #5821 from element-hq/feature/bma/fixLongVoiceRecording

Fix long voice recording

libraries/textcomposer/impl/src/main/kotlin/io/element/android/libraries/textcomposer/TextComposer.kt

@@ -299,7 +299,10 @@ fun TextComposer(
                     onSeek = onSeekVoiceMessage,
                 )
             is VoiceMessageState.Recording ->
-                VoiceMessageRecording(voiceMessageState.levels, voiceMessageState.duration)
+                VoiceMessageRecording(
+                    levels = voiceMessageState.levels,
+                    duration = voiceMessageState.duration,
+                )
             VoiceMessageState.Idle -> {}
         }
     }

libraries/textcomposer/impl/src/main/kotlin/io/element/android/libraries/textcomposer/components/LiveWaveformView.kt

@@ -15,7 +15,6 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.width
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableIntStateOf
 import androidx.compose.runtime.mutableStateOf
@@ -51,27 +50,23 @@ fun LiveWaveformView(
     linePadding: Dp = 2.dp,
 ) {
     var canvasSize by remember { mutableStateOf(DpSize(0.dp, 0.dp)) }
-
     var parentWidth by remember { mutableIntStateOf(0) }
-
-    val waveformWidth by remember(levels, lineWidth, linePadding) {
-        derivedStateOf {
-            levels.size * (lineWidth.value + linePadding.value)
-        }
+    val waveformWidth = remember(levels.size, lineWidth, linePadding) {
+        levels.size * (lineWidth.value + linePadding.value)
     }
 
     Box(
         contentAlignment = Alignment.CenterEnd,
         modifier = modifier
-                .fillMaxWidth()
-                .height(waveFormHeight)
-                .onSizeChanged { parentWidth = it.width }
+            .fillMaxWidth()
+            .height(waveFormHeight)
+            .onSizeChanged { parentWidth = it.width }
     ) {
         Canvas(
             modifier = Modifier
-                    .width(Dp(waveformWidth))
-                    .graphicsLayer(alpha = DEFAULT_GRAPHICS_LAYER_ALPHA)
-                    .then(modifier)
+                .width(Dp(waveformWidth))
+                .graphicsLayer(alpha = DEFAULT_GRAPHICS_LAYER_ALPHA)
+                .then(modifier)
         ) {
             val width = min(waveformWidth, parentWidth.toFloat())
             canvasSize = DpSize(width.dp, size.height.toDp())

libraries/textcomposer/impl/src/main/kotlin/io/element/android/libraries/textcomposer/components/VoiceMessageRecording.kt

@@ -74,7 +74,7 @@ internal fun VoiceMessageRecording(
             modifier = Modifier
                 .height(26.dp)
                 .weight(1f),
-            levels = levels
+            levels = levels,
         )
     }
 }

libraries/voicerecorder/test/src/main/kotlin/io/element/android/libraries/voicerecorder/test/FakeVoiceRecorder.kt

@@ -14,6 +14,7 @@ import io.element.android.libraries.voicerecorder.api.VoiceRecorder
 import io.element.android.libraries.voicerecorder.api.VoiceRecorderState
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.yield
 import java.io.File
 import kotlin.time.Duration
 import kotlin.time.Duration.Companion.seconds
@@ -49,6 +50,7 @@ class FakeVoiceRecorder(
         timeSource += recordingDuration
         for (i in 1..levels.size) {
             _state.emit(VoiceRecorderState.Recording(startedAt.elapsedNow(), levels.take(i)))
+            yield()
         }
     }