Create a VersionChooser component for the compare page

[willdurand]

In order to ship mozilla/addons-server#111, we need a version chooser that relies on this API patch: mozilla/addons#6327.

See screenshot below:

[kumar303]

This also gives us an opportunity to talk with reviewers and figure out their wishes for how to select versions. The old dropboxes were confusing (to me, anyway) so I don't think we should replicate them as is.

[willdurand]

This also gives us an opportunity to talk with reviewers and figure out their wishes for how to select versions. The old dropboxes were confusing (to me, anyway) so I don't think we should replicate them as is.

/cc @mozilla/add-on-admin-reviewers

[wagnerand]

The thing most confusing about selecting versions was that the newer one has to be selected in the left dropdown. But after a while, I got used to the flow. Maybe just flipping the two is enough?

I am open to other approaches. I'd be interested to hear what was confusing for you @kumar303.

[kumar303]

The thing that's most confusing about selecting versions was that the newer one has to be selected in the left dropdown.

Yeah, I agree

I'd be interested to hear what was confusing for you

For someone new to the UI, it doesn't make a lot of sense. For example:

• What does the Go button do?
• What is the meaning of the left dropdown? What's the meaning of the right?
• What does it mean to select a high version on the left and a lower version on the right or vice versa?
• Why is the right version grayed out sometimes?

I know the answer to some of these questions but I think the UI could be a lot more intuitive while still keeping it simple and concise.

[willdurand]

Could it be similar to the GitHub compare page?

[wagnerand]

* Why is the right version grayed out sometimes?

Hah, I don't definitely know the answer to that one. I could guess...

All good points, thanks!

[willdurand]

Very first prototype: