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

[Feat-1097] Add Avatar component, Optimize, Refactor and Improvements #1125

Merged

Conversation

umrkhn
Copy link
Contributor

@umrkhn umrkhn commented Oct 21, 2023

Fixes: #1097

Problem

  • Currently there is no Avatar component and a lot of duplicated code.
  • The cloud provider and integration logos are not optimized.
  • The providers helper object in dashboard/utils/providerHelper.ts can be improved.

Changes Made

  • Added Avatar component with story and refactored all instances.
  • Optimized and added new logos for provider and separated integration logos in its own directory.
  • Improved and renamed providers => platform api in dashboard/utils/providerHelper.ts making it easily extensible when adding new logos of different types also refactored all instances.
  • Updated the link for action button on /explorer page.

Notes

The changes and new integrations were tested thoroughly making sure the app doesnt break and work as expected.

Checklist

  • Code follows the contributing guidelines
  • Changes have been thoroughly tested
  • Documentation has been updated, if necessary
  • Any dependencies have been added to the project, if necessary

dashboard/components/avatar/Avatar.stories.tsx Outdated Show resolved Hide resolved
dashboard/utils/providerHelper.ts Outdated Show resolved Hide resolved
dashboard/utils/providerHelper.ts Outdated Show resolved Hide resolved
dashboard/utils/providerHelper.ts Outdated Show resolved Hide resolved
dashboard/utils/providerHelper.ts Show resolved Hide resolved
@Traxmaxx
Copy link
Contributor

Hei @umrkhn! Thanks a lot for the thorough PR and also for adding a Storybook entry! 🚀
I left some comments regarding data structure and variable naming.

Ping me if you have any questions : )

@mlabouardy mlabouardy added the ui label Oct 23, 2023
@mlabouardy
Copy link
Collaborator

@umrkhn were you able to address the requested changes? :)

@umrkhn
Copy link
Contributor Author

umrkhn commented Oct 30, 2023

@mlabouardy I am waiting for @Traxmaxx 's response on the discussion for utils/providerHelper.ts

@umrkhn
Copy link
Contributor Author

umrkhn commented Oct 31, 2023

@Traxmaxx @mlabouardy PR is ready for review.

@Traxmaxx
Copy link
Contributor

Traxmaxx commented Nov 1, 2023

@umrkhn LGTM! Thanks so much for taking care of it 💚 I might have created a conflict yesterday by adding a new Civo SVG. Ping me if you have any questions! When the conflicts are resolved it's good to go.

Copy link
Contributor

@Kolawole99 Kolawole99 left a comment

Choose a reason for hiding this comment

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

LGTM

@umrkhn umrkhn requested a review from Traxmaxx November 1, 2023 17:11
@umrkhn
Copy link
Contributor Author

umrkhn commented Nov 1, 2023

@umrkhn LGTM! Thanks so much for taking care of it 💚 I might have created a conflict yesterday by adding a new Civo SVG. Ping me if you have any questions! When the conflicts are resolved it's good to go.

@Traxmaxx I've resolved the conflicts plus did some refactor you can check before merge.

@mlabouardy mlabouardy added this to the v3.1.4 milestone Nov 2, 2023
@mlabouardy mlabouardy merged commit 6cffe29 into tailwarden:develop Nov 2, 2023
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add avatars as separate components and add them to Storybook
4 participants