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

[SAGE-396] Alert foundations update #1349

Merged
merged 11 commits into from
Apr 22, 2022
Merged

Conversation

QuintonJason
Copy link
Contributor

@QuintonJason QuintonJason commented Apr 20, 2022

Description

Updates Alert component to match Figma design specs:

  • remove border
  • update primary color
  • update icons
  • update remaining buttons to use SageLink

Figma

Implementation Updates

  • Update 3 instances of secondary_action to appropriately use url prop.

Follow-up Items

N/A

Screenshots

Before After
Screen Shot 2022-04-22 at 3 43 38 PM Screen Shot 2022-04-22 at 3 42 40 PM
Screen Shot 2022-04-22 at 3 46 09 PM Screen Shot 2022-04-22 at 3 42 52 PM

Testing in sage-lib

  • View Alert
  • Check that it matches Figma design specs

Testing in kajabi-products

  1. (BREAKING) Updates Alert component to match Figma design specs. Adds new prop url for links.

Related

SAGE-396

@monicawheeler monicawheeler self-assigned this Apr 20, 2022
@anechol anechol added the improvement Improve on existing work label Apr 22, 2022
@anechol anechol marked this pull request as ready for review April 22, 2022 21:03
Copy link
Collaborator

@monicawheeler monicawheeler left a comment

Choose a reason for hiding this comment

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

🙌🏻

Copy link
Member

@pixelflips pixelflips left a comment

Choose a reason for hiding this comment

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

LGTM! 👍🏼 - Not a blocker for this PR, but if time allows it would be great to switch out the usage of link_to in favor of SageLink.

Also, do the close buttons have a new hover effect with a border? Just haven't seen that one and wanted to make sure.

Overall, great work!

},
],
} do %>
<% content_for :sage_alert_actions do %>
<%= link_to "Check usage", "#" %>
<%= link_to "Check usage", "#", class: "sage-link sage-link--secondary" %>
Copy link
Member

Choose a reason for hiding this comment

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

Could we possibly switch these out for SageLink?

<%= sage_component SageLink, {
  url: "#",
  label: "Check usage",
  launch: false,
  help_link: false,
  show_label: true,
  style: "secondary"
} %>

Copy link
Contributor

Choose a reason for hiding this comment

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

Yep, you're right, that would be much better haha

Comment on lines 81 to 82
<%= link_to "Action Link", "#", class: "sage-link sage-link--secondary"%>
<%= link_to "Action Link", "#", class: "sage-link sage-link--secondary" %>
Copy link
Member

Choose a reason for hiding this comment

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

Could these possibly be a SageLink?

Comment on lines 102 to 104
<%= link_to "Action Link", "#", class: "sage-link sage-link--secondary" %>
<%= link_to "Action Link", "#", class: "sage-link sage-link--secondary" %>
<%= link_to "Action Link", "#", class: "sage-link sage-link--secondary" %>
Copy link
Member

Choose a reason for hiding this comment

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

Could the also be SageLink the same as mentioned above?

Copy link
Member

@teenwolfblitzer teenwolfblitzer left a comment

Choose a reason for hiding this comment

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

👍 LGTM

@anechol
Copy link
Contributor

anechol commented Apr 22, 2022

@pixelflips Thanks for pointing out the close button hover style. I've removed it for now, but I'm consulting design on how we'd like to address this. For now, I'll file a follow-up ticket.

@pixelflips
Copy link
Member

pixelflips commented Apr 22, 2022

@pixelflips Thanks for pointing out the close button hover style. I've removed it for now, but I'm consulting design on how we'd like to address this. For now, I'll file a follow-up ticket.

@anechol Sounds great and I think a follow-up is just fine. :shipit:

@anechol anechol merged commit b9c520f into develop Apr 22, 2022
@anechol anechol deleted the SAGE-396_alert-foundations branch April 22, 2022 22:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement Improve on existing work
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants