maverick/netlify-cms-react-starter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove ServiceWorkerNotification if no message in state

Browse source
This commit is contained in:
Eric Jinks 2017-11-24 17:05:35 +10:00
parent 6ec592b915
commit 864bb1d3c5
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/ServiceWorkerNotifications.js
View file

@ -13,7 +13,7 @@ const Notification = styled.div`
padding: 1rem;
min-height: 5rem;
transition: transform 0.1s ease-in-out;
transform: translateY(${props => props.message ? '0' : '100%'});
transform: translateY(${props => (props.message ? '0' : '100%')});
`
const CloseButton = styled.button.attrs({
children: 'x'
@ -25,7 +25,7 @@ const CloseButton = styled.button.attrs({
width: 2.5rem;
height: 2.5rem;
position: absolute;
right: 1rem;;
right: 1rem;
top: 1rem;
cursor: pointer;
@ -93,11 +93,11 @@ export default class ServiceWorkerNotifications extends Component {
render () {
this.props.reloadOnUpdate && this.reloadIfUpdated()
return (
return this.state.message ? (
<Notification message={this.state.message}>
{this.state.message}
<CloseButton onClick={this.handleDismiss} />
</Notification>
)
) : null
}
}