mirror of https://github.com/trezor/trezor-wallet
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.3 KiB
53 lines
1.3 KiB
import React, { Component } from 'react';
|
|
import styled from 'styled-components';
|
|
import colors from 'config/colors';
|
|
import { Notification } from 'components/Notification';
|
|
|
|
const Wrapper = styled.div``;
|
|
|
|
const Header = styled.div`
|
|
display: flex;
|
|
background: ${colors.WHITE};
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid ${colors.BACKGROUND};
|
|
`;
|
|
|
|
const Body = styled.div`
|
|
`;
|
|
|
|
const Title = styled.div`
|
|
color: ${props => props.color};
|
|
`;
|
|
|
|
class Group extends Component {
|
|
hide() {
|
|
|
|
}
|
|
|
|
show() {
|
|
|
|
}
|
|
|
|
render() {
|
|
const { type, groupNotifications, color } = this.props;
|
|
return (
|
|
<Wrapper>
|
|
<Header>
|
|
<Title color={color}>{groupNotifications.length} {groupNotifications.length > 1 ? `${type}s` : type}</Title>
|
|
</Header>
|
|
<Body>
|
|
{groupNotifications.map(notification => (
|
|
<Notification
|
|
key={notification.title}
|
|
type={notification.type}
|
|
title={notification.title}
|
|
message={notification.message}
|
|
/>
|
|
))}
|
|
</Body>
|
|
</Wrapper>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Group; |