Journalist user menu

[jskinne3]

Create a drop-down menu in the upper left corner of the App, under journalist user's name. Menu should contain, at minimum:

• Online / offline status indicator
• Link to keyboard shortcuts
• Link to about / help / contact support

There's an argument that logout does not belong in the menu because it should be at the top level (quick access in case of e.g. a newsroom raid)

Designs are evolving in Figma:

[zenmonkeykstop]

Initial (non-functional) menu for @elioqoshi et al:

Some qs:

• which icon set should we default to? different places on the app currently use ant or lucide-react ones, I wonder if being consistent is worth it.
• what do ye think of dropping the signout and manual sync buttons and moving that functionality to this menu? that would free up space to have sync status in the account bar to the right.
• Can we get clarity on appropriate abbreviations for shortcuts key combos? Note that the apple command key is not going to be present or used on Qubes systems.
• Does the help stuff work as a submenu? I'm happy to go either way.

[jskinne3]

Answers to Kev's questions above:

• Lucide over Ant
• Sync or Refresh can be in the menu if we aren't educating the user that they should be interacting with it frequently
• Write out "Shift" rather than ⬆️
• Yes, help as a submenu. License information belongs under Help > About

Elio recommends:

• don't use icons to the left of menu items
• Sign-out in the menu, not the top level

Status should be to the left of journalist name:

🟢 Journalist

with a tooltip explaining "online" or whatever status

[zenmonkeykstop]

Work in progress:

• menu works, visually distinguishes signed in and out states.
• added a quit option as per chat with @jskinne3

TBD:

• sync status
• fixing up confirmation modal styling on quit option
• adding help screens when designs available from @elioqoshi
• making the shortcut hints not just be aspirational :)

Logged in state:

Logged out state: