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

[Models][UX]: Design Icon for ArgoCD Component - Event Source #10298

Closed
ritiksaxena124 opened this issue Feb 14, 2024 · 6 comments
Closed

[Models][UX]: Design Icon for ArgoCD Component - Event Source #10298

ritiksaxena124 opened this issue Feb 14, 2024 · 6 comments
Labels
area/models Models, Components, Relationships related changes component/ui User Interface figma good first issue Good for newcomers issue/stale Issue has not had any activity for an extended period of time type/visual-design

Comments

@ritiksaxena124
Copy link
Contributor

ritiksaxena124 commented Feb 14, 2024

Description

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 Event Source needs to be created. This issue calls for a volunteer to draft a new Icon.

Instructions for Designing a Component Icon

  1. Create two versions of the icon one is white and another one is colored
  2. Provide the icon in SVG format
  3. Make a PR after adding the icon inside the new-icon folder present in the meshery repository
  4. Make sure the icon for the component is different from the Model icon

How to check whether the icon you designed is the same as the Model icon or any other component icon?

  1. Go to the playground -> search for the component you are trying to design an 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.
  2. If you don't have access to Playground then you have to fill out 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.

Contributor Guides and Handbook

@ritiksaxena124 ritiksaxena124 added good first issue Good for newcomers component/ui User Interface figma area/models Models, Components, Relationships related changes type/visual-design labels Feb 14, 2024
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 😄

@octonawish-akcodes
Copy link

can i work on this one?

@ritiksaxena124
Copy link
Contributor Author

Go ahead @octonawish-akcodes 🚀

@octonawish-akcodes
Copy link

What are your thoughts on the design for the ArgoCD event source component? I tried to design icons for the first time though :)
@ritiksaxena124

image

Copy link

stale bot commented May 5, 2024

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.

@stale stale bot added the issue/stale Issue has not had any activity for an extended period of time label May 5, 2024
Copy link

stale bot commented May 17, 2024

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.

@stale stale bot closed this as completed May 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/models Models, Components, Relationships related changes component/ui User Interface figma good first issue Good for newcomers issue/stale Issue has not had any activity for an extended period of time type/visual-design
Projects
None yet
Development

No branches or pull requests

2 participants