arno
/
trezor-wallet
mirror of https://github.com/trezor/trezor-wallet
1
0
Fork 0
Code Issues Releases Wiki Activity

fix notification groups icons

Browse Source
pull/463/head
slowbackspace 5 years ago
parent 2b63593708
commit 67bc6e07c1
2 changed files with 54 additions and 50 deletions
Show Stats Download Patch File Download Diff File

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

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

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

@ -24,55 +24,55 @@ class NotificationsGroup extends PureComponent {
}
render() {
const { close, notifications } = this.props;
// const notifications = [
// {
// key: 1,
// title: 'this is a title of error notification',
// type: 'error',
// message: 'this is a message of error notification',
// },
// {
// key: 2,
// title: 'this is a title of warning notification',
// type: 'warning',
// message: 'this is a message of warning notification',
// },
// {
// key: 3,
// title: 'this is a title of warning notification',
// type: 'warning',
// message: 'this is a message of warning notification',
// },
// {
// key: 4,
// title: 'this is a title of warning notification sds d',
// type: 'warning',
// message: 'this is a message of warning notification',
// },
// {
// key: 5,
// title: 'this is a title of warning notification as',
// type: 'success',
// },
// {
// key: 6,
// title: 'this is a title of warning notification as',
// type: 'info',
// message: 'this is a message of warning notification',
// },
// {
// key: 7,
// title: 'this is a title of info notification s ',
// type: 'info',
// message: 'this is a message of info notification',
// actions:
// [{
// label: 'Update',
// callback: 'props.routerActions.gotoBridgeUpdate',
// }],
// },
// ];
const { close } = this.props;
const notifications = [
{
key: 1,
title: 'this is a title of error notification',
type: 'error',
message: 'this is a message of error notification',
},
{
key: 2,
title: 'this is a title of warning notification',
type: 'warning',
message: 'this is a message of warning notification',
},
{
key: 3,
title: 'this is a title of warning notification',
type: 'warning',
message: 'this is a message of warning notification',
},
{
key: 4,
title: 'this is a title of warning notification sds d',
type: 'warning',
message: 'this is a message of warning notification',
},
{
key: 5,
title: 'this is a title of warning notification as',
type: 'success',
},
{
key: 6,
title: 'this is a title of warning notification as',
type: 'info',
message: 'this is a message of warning notification',
},
{
key: 7,
title: 'this is a title of info notification s ',
type: 'info',
message: 'this is a message of info notification',
actions:
[{
label: 'Update',
callback: 'props.routerActions.gotoBridgeUpdate',
}],
},
];
const notificationGroups = this.groupNotifications(notifications);
const sortedNotifications = this.sortByPriority(notificationGroups);

Write Preview
Loading…
Cancel
Save