feat: text limit background (#16)

* feat: text limit background * chore: refactor function location
whitescent · Jan 19, 2024 · 0cd8c6a · 0cd8c6a
1 parent f99a5cd
commit 0cd8c6a
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 2 deletions.
diff --git a/app/src/main/java/com/github/whitescent/mastify/screen/post/Post.kt b/app/src/main/java/com/github/whitescent/mastify/screen/post/Post.kt
@@ -66,6 +66,7 @@ import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltViewModel
@@ -198,7 +199,32 @@ fun Post(
           }
         }
         BasicTextField(
-          value = postTextField,
+          value = postTextField.copy(
+            annotatedString = buildAnnotatedString {
+              val text = postTextField.text
+              val maxInstanceText = state.instance?.maximumTootCharacters ?: DEFAULT_CHARACTER_LIMIT
+              withStyle(
+                style = SpanStyle(fontSize = 18.sp, color = AppTheme.colors.primaryContent)
+              ) {
+                append(
+                  text = text.substring(
+                    startIndex = 0,
+                    endIndex = if (text.length <= maxInstanceText) text.length else maxInstanceText
+                  )
+                )
+              }
+              if (text.length > maxInstanceText) {
+                withStyle(
+                  style = SpanStyle(
+                    color = AppTheme.colors.primaryContent,
+                    background = AppTheme.colors.textLimitWarningBackground
+                  )
+                ) {
+                  append(text.substring(startIndex = maxInstanceText, endIndex = text.length))
+                }
+              }
+            }
+          ),
           onValueChange = viewModel::updateTextFieldValue,
           modifier = Modifier
             .fillMaxSize()

diff --git a/app/src/main/java/com/github/whitescent/mastify/ui/theme/AppTheme.kt b/app/src/main/java/com/github/whitescent/mastify/ui/theme/AppTheme.kt
@@ -22,7 +22,6 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.ReadOnlyComposable
 
 object AppTheme {
-
   val colors: MastifyColorScheme
     @Composable
     @ReadOnlyComposable

diff --git a/app/src/main/java/com/github/whitescent/mastify/ui/theme/Colors.kt b/app/src/main/java/com/github/whitescent/mastify/ui/theme/Colors.kt
@@ -54,6 +54,7 @@ interface MastifyColorScheme {
   val exploreSearchBarBorder: Color
   val exploreSearchBarBackground: Color
   val pollOptionBackground: Color
+  val textLimitWarningBackground: Color
   val isLight: Boolean
 }
 
@@ -88,6 +89,7 @@ open class ColorSchemeImpl(
   override val exploreSearchBarBorder: Color,
   override val exploreSearchBarBackground: Color,
   override val pollOptionBackground: Color,
+  override val textLimitWarningBackground: Color,
   override val isLight: Boolean,
 ) : MastifyColorScheme
 
@@ -117,6 +119,7 @@ object LightColorScheme : ColorSchemeImpl(
   exploreSearchBarBorder = Color(0xFFF1F1F1),
   exploreSearchBarBackground = Color.White,
   pollOptionBackground = Color(0xFFECEEF0),
+  textLimitWarningBackground = Color(0xFFf8d3de),
   isLight = true
 )
 
@@ -146,6 +149,7 @@ object DarkColorScheme : ColorSchemeImpl(
   exploreSearchBarBorder = Color(0xFF222222),
   exploreSearchBarBackground = Color(0xFF1D1D1D),
   pollOptionBackground = Color(0xFF232323),
+  textLimitWarningBackground = Color(0xFFf3222d),
   isLight = false
 )