|
|
@ -42,6 +42,7 @@ export default class Retention extends React.PureComponent { |
|
|
|
|
|
|
|
render () { |
|
|
|
const { loading, data } = this.state; |
|
|
|
const { frequency } = this.props; |
|
|
|
|
|
|
|
let content; |
|
|
|
|
|
|
@ -129,9 +130,18 @@ export default class Retention extends React.PureComponent { |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
|
let title = null; |
|
|
|
switch(frequency) { |
|
|
|
case 'day': |
|
|
|
title = <FormattedMessage id='admin.dashboard.daily_retention' defaultMessage='User retention rate by day after sign-up' />; |
|
|
|
break; |
|
|
|
default: |
|
|
|
title = <FormattedMessage id='admin.dashboard.monthly_retention' defaultMessage='User retention rate by month after sign-up' />; |
|
|
|
}; |
|
|
|
|
|
|
|
return ( |
|
|
|
<div className='retention'> |
|
|
|
<h4><FormattedMessage id='admin.dashboard.retention' defaultMessage='Retention' /></h4> |
|
|
|
<h4>{title}</h4> |
|
|
|
|
|
|
|
{content} |
|
|
|
</div> |
|
|
|