Change the New Room Avatar to Camera Icon

[daniellekirkwood]

Problem

When a user creates a new room, the default "image" is a big green circle that changes to include the room initial once the room name field has lost focus. This green does not necessarily stay (some room icons are different colours).

Solution

Change the green to a full size version of the camera icon. If the user does not add a photo, create the default icon with the room initials once created (matching the Android behaviour)

From	To
	Insert Android screenshot

[aringenbach]

Hello @daniellekirkwood
Doing side-by-side comparison I noticed that there is also a button to remove room avatar selection on Android that doesn't exist on iOS. Do you want me to implement this as well as part of this change ?

[daniellekirkwood]

Discussed in Office Hours today, @amshakal will review these questions once @aringenbach adds screenshots :) THanks!

[aringenbach]

Hello @amshakal

Here are some screenshots of current development to replicate Android version.
From my point of view image should be bigger than now (iPhone SE 2nd gen on screenshots), and colors should be better defined for both dark and light themes)
Due note that current icon is a single element (white round background + camera icon), but this could easily evolve to handle specific coloring.

[amshakal]

Hi there! This is looking good. Thank you so much! I agree with your suggestions. Ill talk about the in detail below:

1. Just to check, what's the size of the circle? It should be 80px x 80px.
2. I also created buttons for both dark and light mode.

Link to figma