Ui for message input

app/src/main/res/layout/view_send_message.xml

@@ -7,72 +7,83 @@
     android:layout_height="wrap_content"
     tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">
 
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/btnEmoji"
+
+    <View
+        android:id="@+id/topDivider"
+        android:layout_width="0dp"
+        android:layout_height="@dimen/divider_height"
+        android:background="@color/divider_color"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+
+    <ImageView
+        android:id="@+id/ivEmoji"
         android:layout_width="48dp"
         android:layout_height="48dp"
-        android:layout_marginEnd="8dp"
         android:background="?selectableItemBackgroundBorderless"
-        android:enabled="false"
+        android:clickable="true"
         android:focusable="true"
-        android:minWidth="0dp"
-        android:minHeight="0dp"
-        android:padding="0dp"
-        app:icon="@drawable/ic_emoji"
-        app:iconGravity="end"
-        app:iconSize="40dp"
-        app:iconTint="@color/send_ic_state_color"
-        app:layout_constraintBottom_toBottomOf="parent"
+        android:padding="12dp"
+        android:src="@drawable/ic_emoji"
+        app:layout_constraintBottom_toBottomOf="@id/tilMessage"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:tint="@color/menu_icon_color" />
 
-    <EditText
-        android:id="@+id/etMessage"
+
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/tilMessage"
+        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:background="@null"
-        android:hint="@string/message"
+        android:minHeight="48dp"
+        app:boxBackgroundMode="none"
+        app:hintEnabled="false"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toStartOf="@id/btnAddImage"
-        app:layout_constraintStart_toEndOf="@id/btnEmoji"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintEnd_toStartOf="@id/ivAddImage"
+        app:layout_constraintStart_toEndOf="@id/ivEmoji"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/etMessage"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:hint="@string/message"
+            android:inputType="textCapSentences|textMultiLine"
+            android:minHeight="48dp"
+            android:padding="12dp"
+            android:textSize="17sp" />
+
+    </com.google.android.material.textfield.TextInputLayout>
 
 
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/btnAddImage"
+    <ImageView
+        android:id="@+id/ivAddImage"
         android:layout_width="48dp"
         android:layout_height="48dp"
         android:background="?selectableItemBackgroundBorderless"
-        android:enabled="false"
+        android:clickable="true"
         android:focusable="true"
-        android:minWidth="0dp"
-        android:minHeight="0dp"
-        android:padding="0dp"
-        app:icon="@drawable/ic_image"
-        app:iconGravity="end"
-        app:iconSize="40dp"
-        app:iconTint="@color/send_ic_state_color"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toStartOf="@id/btnSend"
-        app:layout_constraintTop_toTopOf="parent" />
+        android:padding="12dp"
+        android:src="@drawable/ic_image"
+        app:layout_constraintBottom_toBottomOf="@id/tilMessage"
+        app:layout_constraintDimensionRatio="1:1"
+        app:layout_constraintEnd_toStartOf="@id/ivSend"
+        app:tint="@color/menu_icon_color" />
 
 
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/btnSend"
+    <ImageView
+        android:id="@+id/ivSend"
         android:layout_width="48dp"
         android:layout_height="48dp"
         android:background="?selectableItemBackgroundBorderless"
-        android:enabled="false"
+        android:clickable="true"
         android:focusable="true"
-        android:minWidth="0dp"
-        android:minHeight="0dp"
-        android:padding="0dp"
-        app:icon="@drawable/ic_send"
-        app:iconGravity="end"
-        app:iconSize="40dp"
-        app:iconTint="@color/send_ic_state_color"
-        app:layout_constraintBottom_toBottomOf="parent"
+        android:padding="12dp"
+        android:src="@drawable/ic_send"
+        app:layout_constraintBottom_toBottomOf="@id/tilMessage"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:tint="@color/blue" />
 
 </merge>