Two UI/UX bugs on the transfer functionality/modal, Busy.org (beta) testing

In this post I want to point out 2 UI/UX bugs that occur when trying to transfer funds to a user.

I tested on Chrome browser, on a Windows machine.

1st bug

This bug happens when on a profile page, and then after clicking on the 3 dots menu, we click on "Transfer".

Then the transfer modal appears but the small menu from the 3 dots does not dissapear and it is also not behind the modal.

This could be easily fixed if the z-index of the modal is increased or the z-index of the small menu decreased. It looks like this:

### 2nd bug This occurs when the user is not logged in, and the same like in #1 above goes to transfer from the profile page, then enters an amount in the modal and clicks on "Continue".

At this point the user should probably be guided to login before attempting to transfer, instead nothing seems to happen on the surface, but an error is thrown on the browser console area.
In the screenshot below the issue is visible:

Some solutions to fix or avoid the 2nd bug might be to:

not show the transfer link when not logged in
show a modal when clicking 'Transfer' when not logged in to point the user to log in. I suggested this modal solution before for other bugs, but it applies here too:

- redirect to login when clicking 'transfer'

That was all busy people. I hope it was helpful and if you have questions about these issues please leave them in the comments.

Cheers :)

Open Source Contribution posted via https://utopian.io