From d6d8125a38cbca769eaf19c9a250d9bebc6bfaf7 Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Sun, 6 Aug 2023 23:20:23 +0200
Subject: [PATCH] ui: Make RealtimeAudioVisualizer overflow

---
 .../AudioRecorder/atoms/RealTimeAudioVisualizer.kt           | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/src/main/java/app/myzel394/alibi/ui/components/AudioRecorder/atoms/RealTimeAudioVisualizer.kt b/app/src/main/java/app/myzel394/alibi/ui/components/AudioRecorder/atoms/RealTimeAudioVisualizer.kt
index 2fd0a76..aeeaa86 100644
--- a/app/src/main/java/app/myzel394/alibi/ui/components/AudioRecorder/atoms/RealTimeAudioVisualizer.kt
+++ b/app/src/main/java/app/myzel394/alibi/ui/components/AudioRecorder/atoms/RealTimeAudioVisualizer.kt
@@ -65,7 +65,8 @@ fun RealtimeAudioVisualizer(
     val screenWidth = with (LocalDensity.current) {configuration.screenWidthDp.dp.toPx()}
 
     LaunchedEffect(screenWidth) {
-        service.maxAmplitudes =  ceil(screenWidth.toInt() / BOX_DIFF).toInt()
+        // Add 1 to allow the visualizer to overflow the screen
+        service.maxAmplitudes =  ceil(screenWidth.toInt() / BOX_DIFF).toInt() + 1
     }
 
     Canvas(
@@ -76,7 +77,7 @@ fun RealtimeAudioVisualizer(
         val height = this.size.height / 2f
         val width = this.size.width
 
-        translate(width, height) {
+        translate(width + BOX_DIFF, height) {
             translate(-animationProgress.value * (BOX_WIDTH + BOX_GAP), 0f) {
                 amplitudes.forEachIndexed { index, amplitude ->
                     val offset = amplitudes.size - index