New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Change 'Add Expense' dropdown to be more intuitive #52

Open

IsaacCheng9 opened this issue Aug 24, 2022 · 0 comments

Labels

enhancement frontend low priority

Owner

IsaacCheng9 commented Aug 24, 2022

Specification

Currently, adding an expense is a bit confusing for the user.
We should change the behaviour under the three states:
- When the page has initially loaded and hasn't started adding an expense
  - Show only one button, 'Add Expense', which opens the panel
- When the user has started adding an expense
  - Show a button, 'Confirm Expense'
  - Also show a minimal-looking up arrow on the right side to minimise it (see arrow in VS Code terminal panel, shown below)
- When the user has started adding an expense but minimised the panel
  - Show a disabled button (greyed out), 'Confirm Expense'
  - Also show the same arrow as in the previous scenario, but a down arrow instead of an up arrow

Screenshots

IsaacCheng9 added enhancement frontend labels

IsaacCheng9 added the low priority label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment