mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-30 04:05:25 -05:00
aa480a2663
[web] migrate from window attributes to getMeta GitOrigin-RevId: 3dcf1ab6b01155e5e4abeb3e78d0fa9053e055bc
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { Trans, useTranslation } from 'react-i18next'
|
|
import Close from './close'
|
|
import usePersistedState from '../hooks/use-persisted-state'
|
|
import getMeta from '../../utils/meta'
|
|
|
|
function TranslationMessage() {
|
|
const { t } = useTranslation()
|
|
const [hidden, setHidden] = usePersistedState('hide-i18n-notification', false)
|
|
const config = getMeta('ol-suggestedLanguage')!
|
|
const currentUrl = getMeta('ol-currentUrl')
|
|
|
|
if (hidden) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<li className="system-message">
|
|
<Close onDismiss={() => setHidden(true)} />
|
|
<div className="text-center">
|
|
<a href={config.url + currentUrl}>
|
|
<Trans
|
|
i18nKey="click_here_to_view_sl_in_lng"
|
|
components={[<strong />]} // eslint-disable-line react/jsx-key
|
|
values={{ lngName: config.lngName }}
|
|
shouldUnescape
|
|
tOptions={{ interpolation: { escapeValue: true } }}
|
|
/>
|
|
<img
|
|
className="ms-1"
|
|
src={config.imgUrl}
|
|
alt={t('country_flag', { country: config.lngName })}
|
|
aria-hidden
|
|
/>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
export default TranslationMessage
|