-
Notifications
You must be signed in to change notification settings - Fork 26
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
Alert component #45
Alert component #45
Conversation
…utton accept style prop
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm - a few comments
src/components/Alert/Alert.js
Outdated
import styled from 'styled-components'; | ||
import PropTypes from 'prop-types'; | ||
|
||
const fromTheme = (component, field) => props => props.theme.atoms[component][props.type][field]; |
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
src/components/Alert/Alert.js
Outdated
padding: 1em; | ||
transition: opacity 0.2s linear; | ||
|
||
.fa-remove { |
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
}); | ||
it('closes when the "x" is clicked', () => { | ||
const spy = jest.fn(); | ||
const alert = mount(withTheme(<Alert onClose={spy}>My alert</Alert>)); |
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
lgtm |
e46884e
to
7c8b0df
Compare
Adds an Alert component:

Also fixes some issues with
<Button />
:style
prop that is used in a couple places in Weave Cloud