Changed scale slider to dropdown

src/main/kotlin/app/theme/Theme.kt

@@ -6,7 +6,7 @@ import androidx.compose.material.Colors
 import androidx.compose.material.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.graphics.Color
-import app.DropDownOption
+import app.ui.dropdowns.DropDownOption
 
 private val defaultAppTheme: ColorsScheme = darkBlueTheme
 private var appTheme: ColorsScheme = defaultAppTheme

src/main/kotlin/app/ui/dialogs/settings/SettingsDialog.kt

@@ -11,7 +11,7 @@ import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import app.DropDownOption
+import app.ui.dropdowns.DropDownOption
 import app.theme.*
 import app.ui.components.AdjustableOutlinedTextField
 import app.ui.components.ScrollableColumn
@@ -21,10 +21,10 @@ import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.setValue
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalDensity
 import app.extensions.handMouseClickable
 import app.preferences.DEFAULT_UI_SCALE
+import app.ui.dropdowns.ScaleDropDown
 import app.viewmodels.SettingsViewModel
 
 enum class SettingsCategory(val displayName: String) {
@@ -184,30 +184,35 @@ fun UiSettings(settingsViewModel: SettingsViewModel) {
     }
 
     val density = LocalDensity.current.density
+    val options = listOf(
+        ScaleDropDown(1f, "100%"),
+        ScaleDropDown(1.5f, "150%"),
+        ScaleDropDown(2f, "200%"),
+        ScaleDropDown(2.5f, "250%"),
+        ScaleDropDown(3f, "300%"),
+    )
+
     var scaleValue by remember {
         val savedScaleUi = settingsViewModel.scaleUi
         val scaleUi = if (savedScaleUi == DEFAULT_UI_SCALE) {
             density
         } else {
             savedScaleUi
-        } * 100
-
-        mutableStateOf(scaleUi)
         }
 
-    SettingSlider(
+        val matchingOption = options.firstOrNull { it.value == scaleUi } ?: options.first()
+        mutableStateOf(matchingOption)
+    }
+
+    SettingDropDown(
         title = "Scale",
         subtitle = "Adapt the size the UI to your preferred scale",
-        value = scaleValue,
+        dropDownOptions = options,
-        onValueChanged = { newValue ->
+        currentOption = scaleValue,
+        onOptionSelected = { newValue ->
             scaleValue = newValue
-        },
+            settingsViewModel.scaleUi = newValue.value
-        onValueChangeFinished = {
+        }
-            settingsViewModel.scaleUi = scaleValue / 100
-        },
-        steps = 5,
-        minValue = 100f,
-        maxValue = 300f,
     )
 }
 

src/main/kotlin/app/ui/dropdowns/DropDownOption.kt

@@ -1,4 +1,4 @@
-package app
+package app.ui.dropdowns
 
 interface DropDownOption {
     val optionName: String

src/main/kotlin/app/ui/dropdowns/ScaleDropDown.kt

@@ -0,0 +1,3 @@
+package app.ui.dropdowns
+
+class ScaleDropDown(val value: Float, override val optionName: String) : DropDownOption