Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import { Button } from '@material-ui/core'
import CloseIcon from 'assets/icons/ico/close.svg'
import StyledIconButton from 'components/CommonKit/IconButton/StyledIconButton'
import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
import React from 'react'
import { setHaveSeenNewsletterReminder } from 'store/analysis/analysis.slice'
import { useAppDispatch } from 'store/hooks'
import { updateProfile } from 'store/profile/profile.slice'
import './newsletterReminder.scss'
const NewsletterReminder = () => {
const { t } = useI18n()
const dispatch = useAppDispatch()
return (
<div className="newsletter-reminder">
<StyledIconButton
icon={CloseIcon}
sized={18}
onClick={() => dispatch(setHaveSeenNewsletterReminder(true))}
aria-label={t('analysis.newsletter_reminder.close')}
className="close-button"
/>
<div className="text-container">
<h2 className="title text-20-bold">
{t('analysis.newsletter_reminder.title')}
</h2>
<p className="text-18-normal">
{t('analysis.newsletter_reminder.text')}
</p>
</div>
<div className="buttons">
<Button
className="btnPrimary"
onClick={() =>
dispatch(updateProfile({ sendAnalysisNotification: true }))
}
>
{t('analysis.newsletter_reminder.button')}
</Button>
<Button
classes={{
root: 'btnText',
label: 'text-16-normal stop-show',
}}
size="small"
onClick={() =>
dispatch(updateProfile({ isAnalysisReminderEnabled: false }))
}
>
{t('analysis.newsletter_reminder.stop_showing')}
</Button>
</div>
</div>
)
}
export default NewsletterReminder