openfoodfacts / open-prices-frontend

A vue.js front-end for Open Prices
24 stars 13 forks source link

Use dropdown menu instead of button to edit the currency #530

Open odin-h opened 5 months ago

odin-h commented 5 months ago

Problem

It's not apparent how you change the currency in the current edit container design. Also, using a button to open a new box requires more clicks.

Proposed solution

Make the currency label a dropdown instead of opening a new dialogue box to change the currency. Put a dropdown menu in place of the current text label of the selected currency on the right side of the price input.

Mockups

image

Part of

teolemon commented 3 months ago

The current situation is this, and honestly it's confusing, I only knew the icon was clickable when I found this bug, after spotting a UK user adding a price in euros. https://prices.openfoodfacts.org/app/products/4056489354079

image