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

Pop up Modals in Meshery UI [UI] #10531

Open
22 tasks
Rexford74 opened this issue Mar 10, 2024 · 4 comments
Open
22 tasks

Pop up Modals in Meshery UI [UI] #10531

Rexford74 opened this issue Mar 10, 2024 · 4 comments
Assignees
Labels
component/ui User Interface framework/react kind/enhancement Improvement in current feature language/javascript Issues or pull requests that use Javascript or React

Comments

@Rexford74
Copy link

Rexford74 commented Mar 10, 2024

Current Behavior

The different modals for actions in MeshMap have some basic style and text content flaws that cause an inconsistent experience for users.

Desired Behavior

All modals should not be verbose, should convey concise information, and be visually appealing as the user navigates our solution, using them for whatever intended purposes.

Implementation

The modal component will be defined in Sistent, which will serve as a guide with proper documentation on what modals should look like and how to utilize them effectively.

Acceptance Tests

Both the modal section in Sistent and the modals themselves will be reviewed for flaws and any lacking areas by both Meshery and Sistent maintainers, and upon being approved, they can now be implemented. A PR will also be opened to fix this issue.

Mockups

There is none yet. It is currently a work in progress. A PR will be raised to resolve this issue.

Modals to be updated

Connections

  • Add cluster
  • Delete connection
  • Transition of state

Environments

  • Create
  • Edit
  • Delete
  • Transfer list

Workspaces

  • Create
  • Edit
  • Delete
  • Transfer list

Designs

  • Import
  • Publish/Unpublish
  • Info
  • Validate/Undeploy/deploy

Filters

  • Import
  • Publish/Unpublish
  • Info
  • Validate/Undeploy/deploy

Performance

  • Add profile
  • Edit/ Run test
  • Delete

Contributor Guides and Handbook

@Rexford74 Rexford74 added kind/enhancement Improvement in current feature language/javascript Issues or pull requests that use Javascript or React component/ui User Interface framework/react labels Mar 10, 2024
@Rexford74 Rexford74 self-assigned this Mar 10, 2024
Copy link

welcome bot commented Mar 10, 2024

Thanks for opening this issue. A contributor will be by to give feedback soon. In the meantime, please review the Contributors' Welcome Guide, engage in the discussion forum, and be sure to join the community Slack.

Copy link

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.


        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

@sudhanshutech sudhanshutech self-assigned this Apr 16, 2024
@sudhanshutech
Copy link
Member

sudhanshutech commented Apr 16, 2024

@aabidsofi19 i have added the modals list to be updated // @leecalcote

@leecalcote
Copy link
Member

Good write up here, @Rexford74

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component/ui User Interface framework/react kind/enhancement Improvement in current feature language/javascript Issues or pull requests that use Javascript or React
Projects
None yet
Development

No branches or pull requests

3 participants