From ff13651b4ccca256f8622b621f7db0a481be6204 Mon Sep 17 00:00:00 2001
From: Benoit Marty <benoit@matrix.org>
Date: Thu, 29 Jun 2023 17:14:35 +0200
Subject: [PATCH] When composer does not have focus, hide border.

---
 .../android/libraries/textcomposer/TextComposer.kt       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/libraries/textcomposer/src/main/kotlin/io/element/android/libraries/textcomposer/TextComposer.kt b/libraries/textcomposer/src/main/kotlin/io/element/android/libraries/textcomposer/TextComposer.kt
index f9d72245de..7ac8fbc634 100644
--- a/libraries/textcomposer/src/main/kotlin/io/element/android/libraries/textcomposer/TextComposer.kt
+++ b/libraries/textcomposer/src/main/kotlin/io/element/android/libraries/textcomposer/TextComposer.kt
@@ -123,7 +123,9 @@ fun TextComposer(
         val roundedCorners = RoundedCornerShape(roundedCornerSizeState.value)
         val minHeight = 42.dp
         val bgColor = ElementTheme.colors.bgSubtleSecondary
-        val borderColor = ElementTheme.colors.borderDisabled
+        // Change border color depending on focus
+        var hasFocus by remember { mutableStateOf(false) }
+        val borderColor = if (hasFocus) ElementTheme.colors.borderDisabled else bgColor
         Column(
             modifier = Modifier
                 .fillMaxWidth()
@@ -141,7 +143,10 @@ fun TextComposer(
                         .fillMaxWidth()
                         .heightIn(min = minHeight)
                         .focusRequester(focusRequester)
-                        .onFocusEvent { onFocusChanged(it.hasFocus) },
+                        .onFocusEvent {
+                            hasFocus = it.hasFocus
+                            onFocusChanged(it.hasFocus)
+                        },
                     value = text,
                     onValueChange = { onComposerTextChange(it) },
                     onTextLayout = {