overleaf/services/web/frontend/js/features/settings/components/leavers-survey-alert.tsx

49 lines
1.1 KiB
TypeScript
Raw Normal View History

import { Alert } from 'react-bootstrap'
import { useTranslation } from 'react-i18next'
import usePersistedState from '../../../shared/hooks/use-persisted-state'
export function LeaversSurveyAlert() {
const { t } = useTranslation()
const [expirationDate, setExpirationDate] = usePersistedState(
'showInstitutionalLeaversSurveyUntil',
0,
true
)
const [hide, setHide] = usePersistedState(
'hideInstitutionalLeaversSurvey',
false,
true
)
function handleDismiss() {
setExpirationDate(0)
setHide(true)
}
if (Date.now() > expirationDate) {
return null
}
if (hide) {
return null
}
return (
<Alert className="mb-0" bsStyle="info" onDismiss={handleDismiss}>
<p>
<strong>{t('limited_offer')}</strong>
{`: ${t('institutional_leavers_survey_notification')} `}
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSfYdeeoY5p1d31r5iUx1jw0O-Gd66vcsBi_Ntu3lJRMjV2EJA/viewform"
target="_blank"
rel="noopener noreferrer"
>
{t('take_short_survey')}
</a>
</p>
</Alert>
)
}