diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js index 287357da..ccd4e1bd 100644 --- a/src/components/Notification/index.js +++ b/src/components/Notification/index.js @@ -21,6 +21,7 @@ type Props = { type: string, cancelable?: boolean; title: string; + className: string; message?: string; actions?: Array; close?: typeof NotificationActions.close, @@ -127,7 +128,7 @@ const Notification = (props: Props): React$Element => { const close: Function = typeof props.close === 'function' ? props.close : () => {}; // TODO: add default close action return ( - + {props.loading && } {props.cancelable && ( close()}> diff --git a/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js b/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js index ecf11f8b..9ecd2980 100644 --- a/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js +++ b/src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js @@ -32,6 +32,14 @@ const Title = styled.div` color: ${props => props.color}; `; +const StyledNotification = styled(Notification)` + border-bottom: 1px solid ${props => getColor(props.type)}; + + &:last-child { + border: 0; + } +`; + class Group extends PureComponent { constructor() { super(); @@ -87,7 +95,7 @@ class Group extends PureComponent { {groupNotifications .slice(0, this.state.visibleCount) .map(notification => ( -