Polls creation form

[stefanceriu]

Designs

https://www.figma.com/file/tepA3ELWBE5v4O2WB8PqWn/Polls?node-id=247%3A56744

Tickets

https://element-io.atlassian.net/browse/PSF-424

• As a user with permission to send a message in a room
• I can interact with a poll button in the composer
• So that I can open the poll creation window

https://element-io.atlassian.net/browse/PSF-317

• As a user creating a poll
• I can enter a question
• So that I can show respondents the question they need to answer

https://element-io.atlassian.net/browse/PSF-318

• As a user creating a poll
• I can enter from 2 to 20 (inclusive) responses
• So that I can give respondents options to select from
• To enforce the minimum of 2 requirement, the ‘create poll’ CTA is disabled unless there are at least two response options with text entered in them.
• With respect to the above - options 1 and 2 do not have any special status that prevents them from being deleted; it is possible to add options 3 and 4, enter text in those two, then delete 1 and 2 and the CTA will still be enabled. It is also possible to delete options 1 and 2 (i.e going down to 0 choices), and then re-add them.
• To enforce the maximum of 20 requirement, the ‘add option’ button is disabled if there are 20 options added (even if not all of them have text in). 
• Option numbering is re-generated whenever an option is deleted. E.g. if options 1 and 2 are deleted, options 3 and 4 become 1 and 2 respectively. It is not possible to have a gap in numbering.
• If options are deleted to bring the total to 19 or fewer, the ‘add option’ button is re-enabled.
• If an option is left with no text entered at the point that the ‘create poll’ CTA is clicked, it is treated as if it had been deleted.

How it looks like

[github-actions]

📱 Scan the QR code below to install the build for this PR.
🔒 This build is for internal testing purpose. Only devices listed in the ad-hoc provisioning profile can install Element Alpha.

If you can't scan the QR code you can install the build via this link: https://i.diawi.com/UeJCkB

[gaelledel]

A few a few remarks

• For each field on focus, we need to make sure the text box is above the composer
  

• The text style of titles do not match Figma. Do we have something bolder than that?

• We need more breathing space between the Poll question/topic section and the Create options section

• Can you check we have at least 24px between the text box and "add option" button?

[langleyd]

Really great stuff here 🔥. Just a few questions/comments.

[stefanceriu]

Seeing as customizing the automatic keyboard avoidance on the textFields is complicated we've agreed to tackle it later, after implement more core functionality.

[gaelledel]

Approved given we will tackle the bug with text fields not appearing above the composer when active at later stage.
Thanks!

[langleyd]

Just one comment regarding the ViewModifier but LGTM otherwise.