arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-01 04:38:15 +00:00
Code Issues Releases Wiki Activity

Fix group notification width

Browse Source
This commit is contained in:
Vladimir Volek 2018-10-10 17:18:53 +02:00 committed by Szymon Lesisz
parent 0dab0d36b3
commit 4072e9480d
1 changed files with 42 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
View File

@ -4,7 +4,9 @@ import PropTypes from 'prop-types';
import Group from './components/Group'; import Group from './components/Group';
const Wrapper = styled.div``; const Wrapper = styled.div`
width: 100%;
`;
class NotificationsGroup extends PureComponent { class NotificationsGroup extends PureComponent {
groupNotifications = notifications => notifications groupNotifications = notifications => notifications
@ -22,45 +24,45 @@ class NotificationsGroup extends PureComponent {
} }
render() { render() {
const { close, notifications } = this.props; const { close } = this.props;
// const notifications = [ const notifications = [
// { {
// key: 1, key: 1,
// title: 'this is a title of error notification', title: 'this is a title of error notification',
// type: 'error', type: 'error',
// message: 'this is a message of error notification', message: 'this is a message of error notification',
// }, },
// { {
// key: 2, key: 2,
// title: 'this is a title of warning notification', title: 'this is a title of warning notification',
// type: 'warning', type: 'warning',
// message: 'this is a message of warning notification', message: 'this is a message of warning notification',
// }, },
// { {
// key: 3, key: 3,
// title: 'this is a title of warning notification', title: 'this is a title of warning notification',
// type: 'warning', type: 'warning',
// message: 'this is a message of warning notification', message: 'this is a message of warning notification',
// }, },
// { {
// key: 4, key: 4,
// title: 'this is a title of warning notification sds d', title: 'this is a title of warning notification sds d',
// type: 'warning', type: 'warning',
// message: 'this is a message of warning notification', message: 'this is a message of warning notification',
// }, },
// { {
// key: 5, key: 5,
// title: 'this is a title of warning notification as', title: 'this is a title of warning notification as',
// type: 'info', type: 'info',
// message: 'this is a message of warning notification', message: 'this is a message of warning notification',
// }, },
// { {
// key: 6, key: 6,
// title: 'this is a title of info notification s ', title: 'this is a title of info notification s ',
// type: 'info', type: 'info',
// message: 'this is a message of info notification', message: 'this is a message of info notification',
// }, },
// ]; ];
const notificationGroups = this.groupNotifications(notifications); const notificationGroups = this.groupNotifications(notifications);
const sortedNotifications = this.sortByPriority(notificationGroups); const sortedNotifications = this.sortByPriority(notificationGroups);