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.

Sign up for GitHub

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

Jump to bottom

Component card details on Catalog #3489

Closed
M-Shorouk opened this issue Jul 27, 2022 · 1 comment · Fixed by #3569
Closed

Component card details on Catalog #3489

M-Shorouk opened this issue Jul 27, 2022 · 1 comment · Fixed by #3569
Assignees
@AudreyKj
Labels
frontend

Comments

@M-Shorouk
Copy link

M-Shorouk commented Jul 27, 2022 •
edited
Loading

Is your feature request related to a problem? Please describe.

As an Airy user, i need to view all available component details on Catalog to learn more about it.

Describe the solution you'd like

We need to design card details view for components to present each component details.

CARD DETAILS VARIABLES from DynamoDB:

  1. Component logo.
  2. Component Name.
  3. Component Description.
  4. Available for : "Open-source" / "Enterprise" / "Cloud"
  5. Price : Free
  6. Categories : "Communication Source" / "API" / "UI" / "Machine learning & Conversational AI" / "Analytics" / "Storage" / "Customer Service" / "Marketing".
  7. Docs reference.
  8. Back button to go to Catalog main view.
  9. Install Button/Uninstall button.

Buttons flow:

  1. Install button on Catalog view > Instant install > Pop-up to confirm Installation and action to either configure component or exist pop-up.
  2. Install button on Card details view > Instant install > Pop-up to confirm Installation and action to either configure component or exist pop-up.
  3. Open button on Catalog view > Navigates to Component configuration > ""/airy.co/control-center/connectors/connected/#componentName".
  4. Uninstall button on Card details view > Pop-up to confirm uninstalling this component or exit.

Additional context

DESIGN URL:
++add /components.list info on the attached design.
@Edoardo333
Copy link

FIGMA LINK:

https://www.figma.com/file/CRt7x2PjccilajBaPO4HVW/Control-Center-0.6_3?node-id=260%3A300

@AudreyKj AudreyKj self-assigned this Aug 9, 2022
@AudreyKj AudreyKj mentioned this issue Aug 10, 2022
Merged
AudreyKj added a commit that referenced this issue Aug 11, 2022
@AudreyKj
[#3489] component card details on catalog (#3569)
999dbf3 
* catalog product page wip

* details wip

* wip

* card details finsihed - small fixes still wip

* wip

* feature finished

* last fix

* fixed styling

* fix
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@AudreyKj AudreyKj

Labels
frontend
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[#3489] component card details on catalog airyhq/airy
3 participants
@AudreyKj @M-Shorouk @Edoardo333