Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MDS-6299] Add "Manage My Mines" dropdown to MinesPage UI #3362

Merged
merged 3 commits into from
Jan 7, 2025

Conversation

matbusby-fw
Copy link
Collaborator

  • Added a dropdown menu on the MinesPage allowing users to request access to or removal from mines directly.
  • Adjusted styling to be inline with newer designs

Objective

MDS-

image

Introduce a dropdown menu on the MinesPage allowing users to request access to or removal from mines directly.
@matbusby-fw matbusby-fw marked this pull request as ready for review January 7, 2025 19:58
],
}}
>
<Button className="mine-page-dropdown">Manage My Mines</Button>
Copy link
Collaborator

@taraepp taraepp Jan 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For consistency across similar elements, would recommend trying:

  • make the dropdown button type primary
  • mine-page-dropdown --> actions-dropdown-button
  • for the item buttons, className="actions-dropdown-button menu-item-button fa-icon-container"
  • I think you can use className="color-error" for the same effect as "mines-page-remove-mine-link"

The faIcons might make it so the spacing isn't quite right that way, but should help keep styles in line and then you don't have to fuss with some of the styling details that have already been handled. Not 100% sure that all those styles have been carried over from Core, but pretty sure.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, nice suggestions. I had looked for something that had the error color but somehow missed that one. Good call on the actions-dropdown-button menu-item-button fa-icon-container. It's a good fit. Kind of what I hate about css though, that it depends on someone remembering where a certain class being reused would be appropriate. 🤷🏻

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I figured it would want to be the same as the actions menu button but yeah it's a total pain! Like, I do just remember at this point that we have color-x and bg-color-x rules for the main theme colours but it's not intuitive at all and then the scss setup makes it even harder to find because it's like .color { &-error}. Ahhh CSS...

Copy link

sonarqubecloud bot commented Jan 7, 2025

Quality Gate Failed Quality Gate failed for 'bcgov-sonarcloud_mds_minespace-web'

Failed conditions
50.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud

@matbusby-fw matbusby-fw merged commit 4a98111 into develop Jan 7, 2025
10 of 11 checks passed
@matbusby-fw matbusby-fw deleted the mds-6299-mine-management branch January 7, 2025 23:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants