import { useState } from 'react'
import { Link } from 'react-router-dom'
import { PAGES } from 'config'
import { saveUserInfo } from 'requests'
import { T9n } from 'features/T9n'
import { useAuthStore } from 'features/AuthStore'
import { getCurrentYear } from 'helpers'
import {
Body,
ButtonsBlock,
ContentWrapper,
Email,
Footer,
FooterLogo,
FooterRights,
HeaderWrapper,
MainLogo,
OutlineButton,
ScLink,
SolidButton,
Text,
Title,
Wrapper,
} from './styled'
const Mailings = () => {
const { fetchUserInfo, userInfo } = useAuthStore()
const [isReSubscribed, setIsReSubscribed] = useState(false)
if (!userInfo) return null
const currentYear = getCurrentYear()
const onUnsubscribe = async (isUnsubscribed: boolean) => {
if (!isUnsubscribed) {
setIsReSubscribed(true)
}
try {
await saveUserInfo({
...userInfo,
countryId: userInfo.country?.id!,
isUnsubscribed,
language_id: userInfo.language?.id,
postalCode: userInfo.postal_code,
})
await fetchUserInfo()
// eslint-disable-next-line no-empty
} catch (error) {}
}
const getContent = () => {
switch (true) {
case userInfo.is_unsubscribed:
return (
<T9n t='you_are_now_unsubscribed' />
onUnsubscribe(false)}>
)
case isReSubscribed:
return (
<T9n t='resubscription_successful' />
)
default:
return (
<T9n t='unsubscribe' />
{' '}{userInfo?.email}
onUnsubscribe(true)}>
)
}
}
return (
{getContent()}
)
}
export default Mailings