Clarify/clean up UI

[AndreiMiculita]

Hello, I believe the file transfer UI can be improved in some regards:

• Fix username showing up as "null" if it's not loaded yet. To most users "null" doesn't mean anything special like it does in programming. They'll think it's another username. You can show a skeleton element instead if the username/hostname are not known yet.

Screenshot

• Fix text overflow for long username@hostname (similar to Long username@hostname in available devices isn't shortened #32)

Screenshot

• Add a text label for the "Send" button. It's unclear atm and the UI is bare anyway, so there is no risk of overcluttering.

Screenshot

• Add text labels for the options "File" and "Folder". Currently, this looks very vague and takes a bit of guesswork to see that a taller rectangle is a file and a wider one is a folder. Grey out the "Upload" button or do something to show it is not available when the two options are expanded.

Screenshot

• Allow swiping downloads to the side to dismiss. Maybe also add a label to the button that dismisses them (bottom-left).

• Fix toast only pushing up the "Dismiss all" button but not the "Send" button

Screenshot

Thanks!

[slowscript]

Thanks for the well-written feedback. Having it in points makes it easy to go through. I fixed some of the points in 1.7.1. Swiping away transfers will be done when I have some more time.

I am however not sure about adding labels to everything. Floating action button with a label looks like this and to me it does not seem suitable for this use case. They are simply too large and given that the screen has many of them it would not look good.

I didn't gray out the upload button when it is expanded because tapping it again makes it collapse back. It now changes icon to make this more clear.

[AndreiMiculita]

Wrt labels, I understand trying to keep it minimal but this also makes it harder to give indications to most users. Compare the readability of these two tutorials and which you'd rather be reading over a phone call:

• Press "Send", then press "Send file"
• Press the button on the bottom right with an arrow pointing up, then press the button with the taller rectangle

Also for the two popup FABs, they can be made smaller to indicate visual hierarchy. The MD3 design guidelines seem to advise that.

Or how about doing what Google Calendar does and show the labels after you click on the button?

Like this image, but instead of "Event" you have "Send file" and only one secondary button that says "Send folder"