From ae0cdb9feec80880fbae22bad3b0681fe5176d35 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Sun, 8 Dec 2024 15:54:56 +0100
Subject: [PATCH] chore: use arrow icon instead of text arrow in accent color
 preference

---
 .idea/inspectionProfiles/Project_Default.xml  |  5 +++
 .../ui/components/prefs/AccentColorPref.kt    | 41 +++++++++++++------
 2 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
index 6195b36e6..e0da3ee56 100644
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -3,15 +3,19 @@
     <option name="myName" value="Project Default" />
     <inspection_tool class="ComposePreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
       <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
     </inspection_tool>
     <inspection_tool class="ComposePreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
       <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
     </inspection_tool>
     <inspection_tool class="ComposePreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
       <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
     </inspection_tool>
     <inspection_tool class="ComposePreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
       <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
     </inspection_tool>
     <inspection_tool class="GlancePreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
       <option name="composableFile" value="true" />
@@ -35,6 +39,7 @@
     </inspection_tool>
     <inspection_tool class="PreviewDeviceShouldUseNewSpec" enabled="true" level="WEAK WARNING" enabled_by_default="true">
       <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
     </inspection_tool>
     <inspection_tool class="PreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
       <option name="composableFile" value="true" />
diff --git a/app/src/main/java/com/bnyro/translate/ui/components/prefs/AccentColorPref.kt b/app/src/main/java/com/bnyro/translate/ui/components/prefs/AccentColorPref.kt
index 1e4082ec4..337182073 100644
--- a/app/src/main/java/com/bnyro/translate/ui/components/prefs/AccentColorPref.kt
+++ b/app/src/main/java/com/bnyro/translate/ui/components/prefs/AccentColorPref.kt
@@ -21,6 +21,7 @@ import android.os.Build
 import androidx.compose.animation.core.LinearEasing
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.animation.core.tween
+import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
@@ -29,9 +30,15 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowForward
+import androidx.compose.material.icons.automirrored.filled.ArrowRight
+import androidx.compose.material.icons.filled.ArrowForward
 import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
@@ -125,22 +132,25 @@ fun AccentColorPrefDialog(
 
                 Column(
                     horizontalAlignment = Alignment.CenterHorizontally,
-                    modifier = Modifier.height(250.dp).alpha(imageAlpha).let {
-                        if (isColorPickerEnabled) {
-                            it
-                        } else {
-                            // disable input
-                            it.pointerInput(Unit){
-                                awaitPointerEventScope {
-                                    while (true) {
-                                        awaitPointerEvent(pass = PointerEventPass.Initial)
-                                            .changes
-                                            .forEach(PointerInputChange::consume)
+                    modifier = Modifier
+                        .height(250.dp)
+                        .alpha(imageAlpha)
+                        .let {
+                            if (isColorPickerEnabled) {
+                                it
+                            } else {
+                                // disable input
+                                it.pointerInput(Unit) {
+                                    awaitPointerEventScope {
+                                        while (true) {
+                                            awaitPointerEvent(pass = PointerEventPass.Initial)
+                                                .changes
+                                                .forEach(PointerInputChange::consume)
+                                        }
                                     }
                                 }
                             }
                         }
-                    }
                 ) {
                     listOf("R", "G", "B").forEachIndexed { index, c ->
                         val startIndex = index * 2
@@ -169,7 +179,12 @@ fun AccentColorPrefDialog(
                                     CircleShape
                                 )
                         )
-                        Text(text = "   =>   ", fontSize = 27.sp)
+                        Icon(
+                            modifier = Modifier.padding(horizontal = 10.dp),
+                            imageVector = Icons.AutoMirrored.Default.ArrowForward,
+                            tint = MaterialTheme.colorScheme.onBackground,
+                            contentDescription = null
+                        )
                         Box(
                             modifier = Modifier
                                 .size(50.dp)