Move Checkbox to components

wear/src/main/java/org/tasks/presentation/components/Checkbox.kt

@@ -0,0 +1,38 @@
+package org.tasks.presentation.components
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.outlined.CheckBox
+import androidx.compose.material.icons.outlined.CheckBoxOutlineBlank
+import androidx.compose.material.icons.outlined.Repeat
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.wear.compose.material.Button
+import androidx.wear.compose.material.ButtonDefaults
+import androidx.wear.compose.material.Icon
+import org.tasks.kmp.org.tasks.themes.ColorProvider
+
+@Composable
+fun Checkbox(
+    completed: Boolean,
+    repeating: Boolean,
+    priority: Int,
+    toggleComplete: () -> Unit,
+) {
+    Button(
+        onClick = { toggleComplete() },
+        colors = ButtonDefaults.iconButtonColors(),
+    ) {
+        Icon(
+            imageVector = when {
+                completed -> Icons.Outlined.CheckBox
+                repeating -> Icons.Outlined.Repeat
+                else -> Icons.Outlined.CheckBoxOutlineBlank
+            },
+            tint = Color(
+                ColorProvider.priorityColor(priority, isDarkMode = true, desaturate = true)
+            ),
+            contentDescription = null,
+        )
+    }
+
+}

wear/src/main/java/org/tasks/presentation/screens/TaskListScreen.kt

@@ -9,10 +9,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.Add
-import androidx.compose.material.icons.outlined.CheckBox
-import androidx.compose.material.icons.outlined.CheckBoxOutlineBlank
 import androidx.compose.material.icons.outlined.Menu
-import androidx.compose.material.icons.outlined.Repeat
 import androidx.compose.material.icons.outlined.Settings
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
@@ -22,7 +19,6 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.paging.LoadState
@@ -40,7 +36,7 @@ import com.google.android.horologist.compose.layout.rememberResponsiveColumnStat
 import com.google.android.horologist.compose.paging.items
 import org.jetbrains.compose.resources.stringResource
 import org.tasks.GrpcProto
-import org.tasks.kmp.org.tasks.themes.ColorProvider
+import org.tasks.presentation.components.Checkbox
 import org.tasks.presentation.components.CollapsibleHeader
 import org.tasks.presentation.components.EmptyCard
 import org.tasks.presentation.components.TaskCard
@@ -120,26 +116,14 @@ fun TaskListScreen(
                                     subtasksCollapsed = item.collapsed,
                                     numSubtasks = item.numSubtasks,
                                     icon = {
-                                        Button(
+                                        Checkbox(
-                                            onClick = { onComplete(item.id, !item.completed) },
+                                            completed = item.completed,
-                                            colors = ButtonDefaults.iconButtonColors(),
+                                            repeating = item.repeating,
-                                        ) {
+                                            priority = item.priority,
-                                            Icon(
+                                            toggleComplete = {
-                                                imageVector = when {
+                                                onComplete(item.id, !item.completed)
-                                                    item.completed -> Icons.Outlined.CheckBox
-                                                    item.repeating -> Icons.Outlined.Repeat
-                                                    else -> Icons.Outlined.CheckBoxOutlineBlank
-                                                },
-                                                tint = Color(
-                                                    ColorProvider.priorityColor(
-                                                        item.priority,
-                                                        isDarkMode = true,
-                                                        desaturate = true
-                                                    )
-                                                ),
-                                                contentDescription = null,
-                                            )
                                             }
+                                        )
                                     },
                                     onClick = { openTask(item.id) },
                                     toggleSubtasks = { toggleSubtasks(item.id, !item.collapsed) },