search

meshery / meshery

Meshery, the cloud native manager
https://meshery.io
Apache License 2.0
6k stars 1.85k forks source link

[MeshModel] [UX]: Icon for Kubernetes Component - Pod Monitor #8746

Open ritiksaxena124 opened 1 year ago

ritiksaxena124 commented 1 year ago

Current Behavior

Meshery is a powerful platform that contains over 200 integrations for managing cloud-native applications. MeshMap is an extension of Meshery that visually represents these integrations and components. Currently, most of the icons used in MeshMap have the default shape of a circle. However, to improve visual clarity and consistency, we need to design custom icons for MeshMap components.

Desired Behavior

A new Icon for Pod Monitor needs to be created. This issue calls for a volunteer to draft a new Icon.

Instructions for Components

While the default shape for new components is a circle, each component should be considered for its best-fit shape.

  1. Review and familiarize with the available set of predefined relationship types. Refer to the Cytoscape node types for a list of possible shapes.
  2. Propose a specific shape, best-suited to visually represent the Component. Example - Deployment as a pentagon, DaemonSet as a skull icon etc.
  3. Create two versions of the icon one is white and another one is colored
  4. Make a PR after adding the icon inside the new-icon folder present in the meshery repository
  5. Provide the icon in SVG format
  6. Go to the playground -> search for the component you are trying to design icon for and check whether the icon that you are designing is already present for another component or not if not then you can make a PR.
  7. If you don't have access to Playground then you have to fill a signup and get verified before you access the playground by the time you get access, you can go to integrations page in layer5.io site and search for the component and see whether an icon is already present or not.
  8. Make sure icon for component is different from Model icon.

    Contributor Guides and Handbook

Ayush9026 commented 1 year ago

@ritiksaxena124 i will fix this issue.

ritiksaxena124 commented 1 year ago

Go ahead @Ayush9026 👍. for more information about the issue checkout this recording on youtube

Akshun-01 commented 11 months ago

Hey, If no one is working on this one. I can do this, as I have already worked on Pod Metrics. @ritiksaxena124

ritiksaxena124 commented 11 months ago

go ahead @Akshun-01 👍

stale[bot] commented 10 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Akshun-01 commented 10 months ago

Hey @ritiksaxena124 image

Any suggestions or feedbacks?

ritiksaxena124 commented 10 months ago

Hey @ritiksaxena124 image

Any suggestions or feedbacks?

Looks like metrics, can you try something different

Akshun-01 commented 10 months ago

@ritiksaxena124 reviews about this one! image

saurabh100ni commented 9 months ago

@ritiksaxena124 👀 //

stale[bot] commented 7 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.