COMPASS-463 action buttons disable secondary

[satyasinha]

No description provided.

[rueckstiess]

Still needs some kind of tooltips / message so that the user knows why the button is disabled.

[satyasinha]

Should this be a react-tooltip? Or a 2 second toastie/error dialog possibly similar to RTSS errors?

Or something fancier that the design team can help with?

On the other hand once https://jira.mongodb.org/browse/COMPASS-288 is done a tooltip/message might be somewhat redundant as the replica set status would be mentioned there.

[rueckstiess]

See comments on COMPASS-463: black react-tooltip. Perhaps they can go to the side?

Language something like: "Cannot <do action> on a secondary node." (replace <do action> with whatever the button does).

[satyasinha]

something like this? @rueckstiess @fredtruman

edit: I might change the text to 'This action is not available on a secondary node'
The capitals seem a little aggressive.

[rueckstiess]

Can you try how these changes look:

• no transparency
• no border
• single line
• to the right side
• and yes I think your wording is better

[fredtruman]

What Thomas said 😄

[satyasinha]

I've pushed a commit but the tooltips don't appear well next to buttons, I've had to add 'data-offset': '{"left": 900}' parameter, which doesn't really work if the window is resized. Ideally it would be nice if the 'data-offset' parameter isn't required at all. Maybe some kind of css positioning to align it on the right side of the button?

I've added a new css file to work with react-tooltip for these tooltips here: https://github.com/10gen/compass/blob/a559e8d5c01c49ca39336ac4d5791dc885714b2f/src/internal-packages/app/styles/secondary-tooltip.less

If one of you could please look into this? @fredtruman @Sean-Oh

[rueckstiess]

Made the following changes:

• Only one global <ReactTooltip /> component necessary
• Disabled buttons have pointer events disabled and thus have to be wrapped in an inline-block div and the attributes go on the wrapper div
• slight change in style and renamed to not-writable-tooltip.less because of the confusion of a "secondary tooltip" vs. a "primary tooltip"

[rueckstiess]

[fredtruman]

These latest tooltips LGTM 👍

[Sean-Oh]

LGTM as well! 👍

[rueckstiess]

Needs rebase, then good to go. I'll do that quickly.