UI adjustments

app/src/main/java/com/github/damontecres/wholphin/ui/detail/discover/ExpandableDiscoverButtons.kt

@@ -20,6 +20,7 @@ import com.github.damontecres.wholphin.R
 import com.github.damontecres.wholphin.data.model.SeerrAvailability
 import com.github.damontecres.wholphin.ui.components.ExpandableFaButton
 import com.github.damontecres.wholphin.ui.components.ExpandablePlayButton
+import com.github.damontecres.wholphin.ui.tryRequestFocus
 import kotlin.time.Duration
 
 @Composable
@@ -106,13 +107,15 @@ fun ExpandableDiscoverButtons(
             )
         }
 
-        if (availability == SeerrAvailability.PENDING || availability == SeerrAvailability.PROCESSING) {
+        if (canCancel) {
-            // TODO should only show if user can cancel
             item("cancel") {
                 ExpandablePlayButton(
                     title = R.string.cancel,
                     icon = Icons.Default.Delete,
-                    onClick = { cancelOnClick.invoke() },
+                    onClick = {
+                        firstFocus.tryRequestFocus()
+                        cancelOnClick.invoke()
+                    },
                     resume = Duration.ZERO,
                     enabled = canCancel,
                     modifier =

app/src/main/java/com/github/damontecres/wholphin/ui/setup/seerr/AddSeerrServer.kt

@@ -6,6 +6,7 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
@@ -19,6 +20,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.FocusRequester
 import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.text.input.KeyboardCapitalization
 import androidx.compose.ui.text.input.KeyboardType
@@ -27,9 +29,11 @@ import androidx.compose.ui.unit.dp
 import androidx.tv.material3.MaterialTheme
 import androidx.tv.material3.Text
 import com.github.damontecres.wholphin.R
+import com.github.damontecres.wholphin.ui.PreviewTvSpec
 import com.github.damontecres.wholphin.ui.components.EditTextBox
 import com.github.damontecres.wholphin.ui.components.TextButton
 import com.github.damontecres.wholphin.ui.isNotNullOrBlank
+import com.github.damontecres.wholphin.ui.theme.WholphinTheme
 import com.github.damontecres.wholphin.ui.tryRequestFocus
 import com.github.damontecres.wholphin.util.LoadingState
 
@@ -162,19 +166,24 @@ fun AddSeerrServerUsername(
         val passwordFocusRequester = remember { FocusRequester() }
         LaunchedEffect(Unit) { focusRequester.tryRequestFocus() }
         Text(
-            text = "Enter URL, username, & password",
+            text = stringResource(R.string.username_or_password),
             style = MaterialTheme.typography.titleMedium,
             color = MaterialTheme.colorScheme.onSurface,
             textAlign = TextAlign.Center,
             modifier = Modifier.fillMaxWidth(),
         )
+        val labelWidth = 90.dp
         Row(
             verticalAlignment = Alignment.CenterVertically,
             modifier = Modifier.align(Alignment.CenterHorizontally),
         ) {
             Text(
-                text = "URL",
+                text = stringResource(R.string.url),
-                modifier = Modifier.padding(end = 8.dp),
+                color = MaterialTheme.colorScheme.onSurface,
+                modifier =
+                    Modifier
+                        .width(labelWidth)
+                        .padding(end = 8.dp),
             )
             EditTextBox(
                 value = url,
@@ -204,8 +213,12 @@ fun AddSeerrServerUsername(
             modifier = Modifier.align(Alignment.CenterHorizontally),
         ) {
             Text(
-                text = "Username",
+                text = stringResource(R.string.username),
-                modifier = Modifier.padding(end = 8.dp),
+                color = MaterialTheme.colorScheme.onSurface,
+                modifier =
+                    Modifier
+                        .width(labelWidth)
+                        .padding(end = 8.dp),
             )
             EditTextBox(
                 value = username,
@@ -235,8 +248,12 @@ fun AddSeerrServerUsername(
             modifier = Modifier.align(Alignment.CenterHorizontally),
         ) {
             Text(
-                text = "Password",
+                text = stringResource(R.string.password),
-                modifier = Modifier.padding(end = 8.dp),
+                color = MaterialTheme.colorScheme.onSurface,
+                modifier =
+                    Modifier
+                        .width(labelWidth)
+                        .padding(end = 8.dp),
             )
             EditTextBox(
                 value = password,
@@ -274,3 +291,16 @@ fun AddSeerrServerUsername(
         )
     }
 }
+
+@PreviewTvSpec
+@Composable
+private fun AddSeerrServerUsernamePreview() {
+    WholphinTheme {
+        AddSeerrServerUsername(
+            onSubmit = { string: String, string1: String, string2: String -> },
+            username = "test",
+            status = LoadingState.Pending,
+            modifier = Modifier,
+        )
+    }
+}

app/src/main/res/values/strings.xml

@@ -425,6 +425,9 @@
     <string name="pending">Pending</string>
     <string name="seerr_integration">Seerr integration</string>
     <string name="remove_seerr_server">Remove Seerr Server</string>
+    <string name="password">Password</string>
+    <string name="username">Username</string>
+    <string name="url">URL</string>
 
     <string-array name="theme_song_volume">
         <item>Disabled</item>