Skip to content

Conversation

@jschuler
Copy link
Collaborator

@jschuler jschuler commented May 5, 2020

What: Closes #4082

Alerts can now contain both the close button and one or more action links.

Breaking changes

  • Alert: If you were previously using the action prop for the close button, use the actionClose prop instead
  • Alert: If you were previously using the action prop for a link button, use the actionLinks prop instead

@jschuler jschuler requested review from evwilkin, mcoker and redallen May 5, 2020 16:18
import avatarImg from './examples/avatarImg.svg';

<Avatar src={avatarImg} alt="avatar"></Avatar>
class AvatarExample extends React.Component {
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

made this change because i noticed the codesandbox wasn't working before. should probably go through and update all the examples that use the previous syntax @redallen ?

Copy link
Contributor

Choose a reason for hiding this comment

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

All you need is to name the example like this @jschuler :

AvatarExample = () => <Avatar src={avatarImg} alt="avatar"></Avatar>

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

codesandbox would work (after adding const in front), but our docs would not

SyntaxError: Unexpected token (1:8)
1 : return (const AvatarExample = () => <Avatar src={avatarImg} alt="avatar"></Avatar>)

@patternfly-build
Copy link
Collaborator

patternfly-build commented May 5, 2020

Copy link
Member

@dlabrecq dlabrecq left a comment

Choose a reason for hiding this comment

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

Tests failed for actionClose, but otherwise LGTM

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

LGTM!

@jschuler jschuler merged commit 90f1ee0 into patternfly:v4 May 6, 2020
@patternfly-build
Copy link
Collaborator

Your changes have been released in:

  • @patternfly/react-catalog-view-extension@4.2.21
  • @patternfly/react-core@4.9.15
  • @patternfly/react-docs@5.2.25
  • @patternfly/react-inline-edit-extension@4.3.21
  • demo-app-ts@4.6.18
  • @patternfly/react-integration@4.6.7
  • @patternfly/react-table@4.3.21
  • @patternfly/react-topology@4.2.21
  • @patternfly/react-virtualized-extension@4.2.21

Thanks for your contribution! 🎉

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Alert - updates to support new design

5 participants