diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js index 8030dbec..341b4ca6 100644 --- a/src/components/Notification/index.js +++ b/src/components/Notification/index.js @@ -145,7 +145,8 @@ export const Notification = (props: NProps): React$Element => { type={props.className} text={action.label} onClick={() => { close(); action.callback(); }} - /> + >{action.label} + ))} )} diff --git a/src/components/buttons/NotificationButton/index.js b/src/components/buttons/NotificationButton/index.js index 0de0e40d..8e1053f7 100644 --- a/src/components/buttons/NotificationButton/index.js +++ b/src/components/buttons/NotificationButton/index.js @@ -62,7 +62,7 @@ const IconWrapper = styled.span` `; const NotificationButton = ({ - className, text, icon, onClick = () => { }, type = null, + children, className, icon, onClick = () => { }, type = null, }) => ( )} - {text} + {children} ); NotificationButton.propTypes = { + children: PropTypes.element.isRequired, type: PropTypes.string.isRequired, className: PropTypes.string, onClick: PropTypes.func, @@ -92,7 +93,6 @@ NotificationButton.propTypes = { color: PropTypes.string, size: PropTypes.number, }), - text: PropTypes.string.isRequired, }; export default NotificationButton; \ No newline at end of file