[Enhancement] Share actions optimization

[spaghetti-coder]

Currently there are 2 buttons under Actions column for sharing:

1. URL button:
   • Default action: copy URL to the buffer
   • Dropdown options: Hotlink
2. Share icon button:
   • Default action: none
   • Dropdown options: QR, Email

Not a UX expert by no means, but in my head it has some disadvantages:

1. Share icon button does nothing, while other action buttons do.
2. Both URL and Share icon basically belong to the same sharing category of actions.
3. More horizontal space with 2 buttons. Can't say it really causes discomfort in mobile view, but still.

Suggestion:

These 2 buttons can be combined into a single Share (better name?) button with the following specification:

• Default action: copy URL to the buffer
• The button on hover: "Copy URL"
• Dropdown options: Hotlink (disabled when not applicable), QR, Email
• Dropdown arrow on hover: "More share options"

[Forceu]

Thanks for the suggestion! Browsers that support navigator.share (mostly mobile devices) open the share menu. Maybe for devices that do not support it, it could be changed?

Also I reopened #274 as it still appears to be a problem and might be related

[spaghetti-coder]

Thanks for the suggestion! Browsers that support navigator.share (mostly mobile devices) open the share menu.

Yeah, now I see it. 10 - 13 years since my last line of frontend code went to prod. And even back than it was clumsy 😄 Still willing to assist though. Will try to master some golang-fu. Really nice idea and too few contributors

Maybe for devices that do not support it, it could be changed?

Probably. But with this navigator.share on the way, the idea doesn't look that shiny. More destruction when switching between mobile and desktop. How about with navigator.share not supported just trigger same dropdown? Just to have some meaning behind the "Share label" button?