55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
|
import { useTranslation } from 'next-i18next'
|
||
|
|
|
||
|
|
export const namespaces = ['gdpr']
|
||
|
|
|
||
|
|
export const GdprProfileDetails = () => {
|
||
|
|
const { t } = useTranslation(namespaces)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="border-l-4 ml-1 pl-4 my-2 opacity-80">
|
||
|
|
<h6>{t('profileWhatQuestion')}</h6>
|
||
|
|
<p
|
||
|
|
dangerouslySetInnerHTML={{
|
||
|
|
__html:
|
||
|
|
t('profileWhatAnswer') +
|
||
|
|
'<br /><em><small>' +
|
||
|
|
t('profileWhatAnswerOptional') +
|
||
|
|
'</small></em>',
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
<h6>{t('whyQuestion')}</h6>
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('profileWhyAnswer') }} />
|
||
|
|
<h6>{t('timingQuestion')}</h6>
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('profileTimingAnswer') }} />
|
||
|
|
<h6>{t('shareQuestion')}</h6>
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('profileShareAnswer') }} />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export const GdprMeasurementsDetails = () => {
|
||
|
|
const { t } = useTranslation(namespaces)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="border-l-4 ml-1 pl-4 my-2 opacity-80">
|
||
|
|
<h6>{t('peopleWhatQuestion')}</h6>
|
||
|
|
<p
|
||
|
|
dangerouslySetInnerHTML={{
|
||
|
|
__html:
|
||
|
|
t('peopleWhatAnswer') +
|
||
|
|
'<br /><em><small>' +
|
||
|
|
t('peopleWhatAnswerOptional') +
|
||
|
|
'</small></em>',
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
<h6>{t('whyQuestion')}</h6>
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('peopleWhyAnswer') }} />
|
||
|
|
<h6>{t('timingQuestion')}</h6>
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('profileTimingAnswer') }} />
|
||
|
|
<h6>{t('shareQuestion')}</h6>
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('profileShareAnswer') }} />
|
||
|
|
<p dangerouslySetInnerHTML={{ __html: t('openData') }} />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|