arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-06-25 01:18:56 +00:00
Code Issues Releases Wiki Activity

fix notification groups icons

Browse Source
This commit is contained in:
slowbackspace 2019-03-21 15:00:06 +01:00
parent 2b63593708
commit 67bc6e07c1
2 changed files with 54 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,6 +37,10 @@ const StyledNotification = styled(Notification)`
} }
`; `;
const StyledIcon = styled(Icon)`
margin-right: 6px;
`;
class Group extends PureComponent { class Group extends PureComponent {
constructor() { constructor() {
super(); super();
@ -68,7 +72,7 @@ class Group extends PureComponent {
{groupNotifications.length > 1 && ( {groupNotifications.length > 1 && (
<Header onClick={this.toggle}> <Header onClick={this.toggle}>
<Left> <Left>
<Icon color={color} size={30} icon={getIcon(type)} /> <StyledIcon color={color} size={16} icon={getIcon(type)} />
<Title color={color}> <Title color={color}>
{groupNotifications.length}{' '} {groupNotifications.length}{' '}
{groupNotifications.length > 1 ? `${type}s` : type} {groupNotifications.length > 1 ? `${type}s` : type}

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

@ -24,55 +24,55 @@ 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: 'success', type: 'success',
// }, },
// { {
// key: 6, key: 6,
// 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: 7, key: 7,
// 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',
// actions: actions:
// [{ [{
// label: 'Update', label: 'Update',
// callback: 'props.routerActions.gotoBridgeUpdate', callback: 'props.routerActions.gotoBridgeUpdate',
// }], }],
// }, },
// ]; ];
const notificationGroups = this.groupNotifications(notifications); const notificationGroups = this.groupNotifications(notifications);
const sortedNotifications = this.sortByPriority(notificationGroups); const sortedNotifications = this.sortByPriority(notificationGroups);