From 57e4b4ec88f4d36d85d7b9f767f6289988f9b6df Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Thu, 3 Aug 2023 23:18:29 +0200
Subject: [PATCH] refactor: Add ExampleListRoulette

---
 .../atoms/IntervalDurationTile.kt             | 48 +++++++------------
 .../components/atoms/ExampleListRoulette.kt   | 42 ++++++++++++++++
 2 files changed, 59 insertions(+), 31 deletions(-)
 create mode 100644 app/src/main/java/app/myzel394/locationtest/ui/components/atoms/ExampleListRoulette.kt

diff --git a/app/src/main/java/app/myzel394/locationtest/ui/components/SettingsScreen/atoms/IntervalDurationTile.kt b/app/src/main/java/app/myzel394/locationtest/ui/components/SettingsScreen/atoms/IntervalDurationTile.kt
index 33348b9..d1c8971 100644
--- a/app/src/main/java/app/myzel394/locationtest/ui/components/SettingsScreen/atoms/IntervalDurationTile.kt
+++ b/app/src/main/java/app/myzel394/locationtest/ui/components/SettingsScreen/atoms/IntervalDurationTile.kt
@@ -21,6 +21,7 @@ import androidx.compose.ui.unit.dp
 import app.myzel394.locationtest.dataStore
 import app.myzel394.locationtest.db.AppSettings
 import app.myzel394.locationtest.db.AudioRecorderSettings
+import app.myzel394.locationtest.ui.components.atoms.ExampleListRoulette
 import app.myzel394.locationtest.ui.components.atoms.SettingsTile
 import app.myzel394.locationtest.ui.utils.formatDuration
 import com.maxkeppeker.sheets.core.models.base.rememberUseCaseState
@@ -35,7 +36,7 @@ import kotlinx.coroutines.launch
 @Composable
 fun IntervalDurationTile() {
     val scope = rememberCoroutineScope()
-    val showDurationPicker = rememberUseCaseState()
+    val showDialog = rememberUseCaseState()
     val dataStore = LocalContext.current.dataStore
     val settings = dataStore
         .data
@@ -43,7 +44,7 @@ fun IntervalDurationTile() {
         .value
 
     DurationDialog(
-        state = showDurationPicker,
+        state = showDialog,
         selection = DurationSelection { newTimeInSeconds ->
             scope.launch {
                 dataStore.updateData {
@@ -71,7 +72,7 @@ fun IntervalDurationTile() {
         },
         trailing = {
             Button(
-                onClick = showDurationPicker::show,
+                onClick = showDialog::show,
                 colors = ButtonDefaults.filledTonalButtonColors(
                     containerColor = MaterialTheme.colorScheme.surfaceVariant,
                 ),
@@ -83,36 +84,21 @@ fun IntervalDurationTile() {
             }
         },
         extra = {
-            LazyRow(
-                modifier = Modifier
-                    .fillMaxWidth(),
-                horizontalArrangement = Arrangement.spacedBy(16.dp),
-                contentPadding = PaddingValues(
-                    horizontal = 32.dp,
-                ),
-            ) {
-                items(AudioRecorderSettings.EXAMPLE_DURATION_TIMES.size) {
-                    val duration = AudioRecorderSettings.EXAMPLE_DURATION_TIMES[it]
-
-                    Button(
-                        onClick = {
-                            scope.launch {
-                                dataStore.updateData {
-                                    it.setAudioRecorderSettings(
-                                        it.audioRecorderSettings.setIntervalDuration(duration)
-                                    )
-                                }
-                            }
-                        },
-                        colors = ButtonDefaults.textButtonColors(),
-                        shape = ButtonDefaults.textShape,
-                        contentPadding = ButtonDefaults.TextButtonContentPadding,
-                    ) {
-                        Text(
-                            text = formatDuration(duration),
-                        )
+            ExampleListRoulette(
+                items = AudioRecorderSettings.EXAMPLE_DURATION_TIMES,
+                onItemSelected = {duration ->
+                    scope.launch {
+                        dataStore.updateData {
+                            it.setAudioRecorderSettings(
+                                it.audioRecorderSettings.setIntervalDuration(duration)
+                            )
+                        }
                     }
                 }
+            ) {duration ->
+                Text(
+                    text = formatDuration(duration),
+                )
             }
         }
     )
diff --git a/app/src/main/java/app/myzel394/locationtest/ui/components/atoms/ExampleListRoulette.kt b/app/src/main/java/app/myzel394/locationtest/ui/components/atoms/ExampleListRoulette.kt
new file mode 100644
index 0000000..9f244bb
--- /dev/null
+++ b/app/src/main/java/app/myzel394/locationtest/ui/components/atoms/ExampleListRoulette.kt
@@ -0,0 +1,42 @@
+package app.myzel394.locationtest.ui.components.atoms
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun<T> ExampleListRoulette(
+    items: List<T>,
+    onItemSelected: (T) -> Unit,
+    renderValue: @Composable (T) -> Unit,
+) {
+    LazyRow(
+        modifier = Modifier
+            .fillMaxWidth(),
+        horizontalArrangement = Arrangement.spacedBy(16.dp),
+        contentPadding = PaddingValues(
+            horizontal = 32.dp,
+        ),
+    ) {
+        items(items.size) {
+            val item = items[it]
+
+            Button(
+                onClick = {
+                    onItemSelected(item)
+                },
+                colors = ButtonDefaults.textButtonColors(),
+                shape = ButtonDefaults.textShape,
+                contentPadding = ButtonDefaults.TextButtonContentPadding,
+            ) {
+                renderValue(item)
+            }
+        }
+    }
+}
\ No newline at end of file