Message Composer Design Update

[onurays]

[gaelledel]

• The max height of the composer frame should be increased so it covers more UI real estate See an example here https://www.figma.com/file/uaWc62Ux2DkZC4OGtAGcNc/Voice-Messages?node-id=838%3A225

• The keyboard icon inside the frame is too big. Could we reduce? The colour should also be changed so it reflects Figma's specs
  
  Example in Figma here.

• When I am typing something and have just added an emoji, the keyboard should return automatically. If I happen to have added an emoji in the text frame without having pressed back on the keyboard button before sending, Once it is sent, the Keyboard icon remains in the text frame. See below
  

[TR-SLimey]

@gaelledel I'm no designer, so feel free to disregard my comments, but I wanted to suggest:

• Keeping the max composer height a bit smaller than that in Figma. Maybe 1/2 as opposed to 3/4. This is because, when replying to a lengthy message, with a long message of your own, it can be difficult to go back to and reference the message you're replying to. The timeline is above the composer, so it's also more difficult to scroll the timeline than the composer which giving the timeline a bit more space should improve.

• Not automatically switching back from emoji keyboard after adding an emoji - sometimes one might wish to enter multiple emojis. However, the keyboard should still switch back upon sending.

WDYT?

[gaelledel]

Amazing thank you for the changes. Just two minor things still and then all good to go

• On dark mode the Reveal + buttons and X close should have other colours referenced here https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=1237%3A16664. The animation OnPress is missing but you might actually haven't done that part of the work yet though.

• When typing and sending you actually see the composer frame expanding and there's a weird flash on the emoji icon. I wonder if we can tweak this?

[github-tomster]

as one clearly can see on @gaelledel's screenshots
it is still a mismatch between the emojis!
will this 'update' fix this mess?

[bmarty]

LGTM, I updated to colors

[github-tomster]

@5d69bc9
was the inconsistent and wrong emoji display fixed?