Merge pull request #4000 from element-hq/feature/fga/send_button_update

feat(design) : update send button background
element-hq · Dec 5, 2024 · 317931d · 317931d
2 parents 522d105 + 2cddb32
commit 317931d
Show file tree

Hide file tree

Showing 67 changed files with 137 additions and 151 deletions.
diff --git a/...r/impl/src/main/kotlin/io/element/android/libraries/textcomposer/components/SendButton.kt b/...r/impl/src/main/kotlin/io/element/android/libraries/textcomposer/components/SendButton.kt
@@ -18,10 +18,8 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.drawWithCache
 import androidx.compose.ui.geometry.Offset
-import androidx.compose.ui.graphics.BlendMode
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.LinearGradientShader
-import androidx.compose.ui.graphics.RadialGradientShader
 import androidx.compose.ui.graphics.ShaderBrush
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
@@ -39,6 +37,7 @@ import io.element.android.libraries.ui.strings.CommonStrings
 /**
  * Send button for the message composer.
  * Figma: https://www.figma.com/design/G1xy0HDZKJf5TCRFmKb5d5/Compound-Android-Components?node-id=1956-37575&node-type=frame&m=dev
+ * Temporary Figma : https://www.figma.com/design/Ni6Ii8YKtmXCKYNE90cC67/Timeline-(new)?node-id=2274-39944&m=dev
  */
 @Composable
 internal fun SendButton(
@@ -105,30 +104,17 @@ private fun buttonBackgroundModifier() = Modifier.drawWithCache {
             from = Offset(0f, 0f),
             to = Offset(0f, height),
             colors = listOf(
-                Color(0xFF0BC491),
-                Color(0xFF0467DD),
-            )
-        )
-    )
-    val radialGradientBrush = ShaderBrush(
-        RadialGradientShader(
-            center = Offset(height / 2f, height / 2f),
-            radius = height / 2f,
-            colors = listOf(
-                Color(0xFF0BC491),
-                Color(0xFF0467DD),
+                Color(0xFF79DD98),
+                Color(0xFF0DBD8B),
+                Color(0xFF128585),
+                Color(0xFF24446B),
             )
         )
     )
     onDrawBehind {
         drawRect(
             brush = verticalGradientBrush,
         )
-        drawRect(
-            brush = radialGradientBrush,
-            alpha = 0.4f,
-            blendMode = BlendMode.Overlay,
-        )
     }
 }
 

diff --git a/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_0_en.png b/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_0_en.png
diff --git a/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_1_en.png b/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_1_en.png
diff --git a/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_2_en.png b/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_2_en.png
diff --git a/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_3_en.png b/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_3_en.png
diff --git a/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_4_en.png b/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_4_en.png
diff --git a/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_5_en.png b/...hots/images/features.messages.impl.attachments.preview_AttachmentsView_5_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_0_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_0_en.png
diff --git a/...sts/src/test/snapshots/images/features.messages.impl_MessagesView_Day_10_en.png b/...sts/src/test/snapshots/images/features.messages.impl_MessagesView_Day_10_en.png
diff --git a/...sts/src/test/snapshots/images/features.messages.impl_MessagesView_Day_11_en.png b/...sts/src/test/snapshots/images/features.messages.impl_MessagesView_Day_11_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_1_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_1_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_4_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_4_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_5_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_5_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_7_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_7_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_8_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_8_en.png
diff --git a/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_9_en.png b/...ests/src/test/snapshots/images/features.messages.impl_MessagesView_Day_9_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_0_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_0_en.png
diff --git a/...s/src/test/snapshots/images/features.messages.impl_MessagesView_Night_10_en.png b/...s/src/test/snapshots/images/features.messages.impl_MessagesView_Night_10_en.png
diff --git a/...s/src/test/snapshots/images/features.messages.impl_MessagesView_Night_11_en.png b/...s/src/test/snapshots/images/features.messages.impl_MessagesView_Night_11_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_1_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_1_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_4_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_4_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_5_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_5_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_7_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_7_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_8_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_8_en.png
diff --git a/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_9_en.png b/...ts/src/test/snapshots/images/features.messages.impl_MessagesView_Night_9_en.png
diff --git a/...test/snapshots/images/libraries.textcomposer.components_SendButton_Day_0_en.png b/...test/snapshots/images/libraries.textcomposer.components_SendButton_Day_0_en.png
diff --git a/...st/snapshots/images/libraries.textcomposer.components_SendButton_Night_0_en.png b/...st/snapshots/images/libraries.textcomposer.components_SendButton_Night_0_en.png
diff --git a/...t/snapshots/images/libraries.textcomposer_MarkdownTextComposerEdit_Day_0_en.png b/...t/snapshots/images/libraries.textcomposer_MarkdownTextComposerEdit_Day_0_en.png
diff --git a/...snapshots/images/libraries.textcomposer_MarkdownTextComposerEdit_Night_0_en.png b/...snapshots/images/libraries.textcomposer_MarkdownTextComposerEdit_Night_0_en.png
diff --git a/...est/snapshots/images/libraries.textcomposer_TextComposerAddCaption_Day_0_en.png b/...est/snapshots/images/libraries.textcomposer_TextComposerAddCaption_Day_0_en.png
diff --git a/...t/snapshots/images/libraries.textcomposer_TextComposerAddCaption_Night_0_en.png b/...t/snapshots/images/libraries.textcomposer_TextComposerAddCaption_Night_0_en.png
diff --git a/...c/test/snapshots/images/libraries.textcomposer_TextComposerCaption_Day_0_en.png b/...c/test/snapshots/images/libraries.textcomposer_TextComposerCaption_Day_0_en.png
diff --git a/...test/snapshots/images/libraries.textcomposer_TextComposerCaption_Night_0_en.png b/...test/snapshots/images/libraries.textcomposer_TextComposerCaption_Night_0_en.png
diff --git a/...st/snapshots/images/libraries.textcomposer_TextComposerEditCaption_Day_0_en.png b/...st/snapshots/images/libraries.textcomposer_TextComposerEditCaption_Day_0_en.png
diff --git a/.../snapshots/images/libraries.textcomposer_TextComposerEditCaption_Night_0_en.png b/.../snapshots/images/libraries.textcomposer_TextComposerEditCaption_Night_0_en.png
diff --git a/.../src/test/snapshots/images/libraries.textcomposer_TextComposerEdit_Day_0_en.png b/.../src/test/snapshots/images/libraries.textcomposer_TextComposerEdit_Day_0_en.png
diff --git a/...rc/test/snapshots/images/libraries.textcomposer_TextComposerEdit_Night_0_en.png b/...rc/test/snapshots/images/libraries.textcomposer_TextComposerEdit_Night_0_en.png
diff --git a/...est/snapshots/images/libraries.textcomposer_TextComposerFormatting_Day_0_en.png b/...est/snapshots/images/libraries.textcomposer_TextComposerFormatting_Day_0_en.png
diff --git a/...t/snapshots/images/libraries.textcomposer_TextComposerFormatting_Night_0_en.png b/...t/snapshots/images/libraries.textcomposer_TextComposerFormatting_Night_0_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_0_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_0_en.png
diff --git a/...rc/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_10_en.png b/...rc/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_10_en.png
diff --git a/...rc/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_11_en.png b/...rc/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_11_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_1_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_1_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_2_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_2_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_3_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_3_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_4_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_4_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_5_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_5_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_6_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_6_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_7_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_7_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_8_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_8_en.png
diff --git a/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_9_en.png b/...src/test/snapshots/images/libraries.textcomposer_TextComposerReply_Day_9_en.png
diff --git a/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_0_en.png b/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_0_en.png
diff --git a/.../test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_10_en.png b/.../test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_10_en.png
diff --git a/.../test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_11_en.png b/.../test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_11_en.png
diff --git a/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_1_en.png b/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_1_en.png
diff --git a/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_2_en.png b/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_2_en.png
diff --git a/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_3_en.png b/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_3_en.png
diff --git a/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_4_en.png b/...c/test/snapshots/images/libraries.textcomposer_TextComposerReply_Night_4_en.png