mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
f37cc887e3
fixed grammarly affiliate discount link GitOrigin-RevId: b57ab79594f75365793fcb991bb6fc69f93b6292
72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
import { useCallback, useEffect, useState } from 'react'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
import customLocalStorage from '../../../infrastructure/local-storage'
|
|
import grammarlyExtensionPresent from '../../../shared/utils/grammarly'
|
|
export default function GrammarlyAdvert() {
|
|
const [show, setShow] = useState(false)
|
|
|
|
// grammarly can take some time to load, and wont tell us when they do... so we need to run the check after a bit of time
|
|
const [grammarlyInstalled, setGrammarlyInstalled] = useState(false)
|
|
useEffect(() => {
|
|
const timer = setTimeout(
|
|
() => setGrammarlyInstalled(grammarlyExtensionPresent()),
|
|
5000
|
|
)
|
|
return () => clearTimeout(timer)
|
|
}, [])
|
|
|
|
useEffect(() => {
|
|
const hasDismissedGrammarlyAdvert = customLocalStorage.getItem(
|
|
'editor.has_dismissed_grammarly_advert'
|
|
)
|
|
// promotion ends on december 16th, 2023 at 00:00 UTC
|
|
const promotionEnded =
|
|
new Date() > new Date(Date.UTC(2023, 11, 16, 0, 0, 0))
|
|
|
|
const showGrammarlyAdvert =
|
|
grammarlyInstalled && !hasDismissedGrammarlyAdvert && !promotionEnded
|
|
|
|
if (showGrammarlyAdvert) {
|
|
eventTracking.sendMB('grammarly-advert-shown')
|
|
setShow(true)
|
|
}
|
|
}, [grammarlyInstalled, setShow])
|
|
|
|
const handleClose = useCallback(() => {
|
|
setShow(false)
|
|
customLocalStorage.setItem('editor.has_dismissed_grammarly_advert', true)
|
|
eventTracking.sendMB('grammarly-advert-dismissed')
|
|
}, [])
|
|
|
|
if (!show) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<div className="alert alert-info grammarly-advert" role="alert">
|
|
<div className="grammarly-advert-container">
|
|
<div className="advert-content">
|
|
<p>
|
|
Overleafers get a limited-time 30% discount on Grammarly Premium.
|
|
(Hurry! Offer ends December 16.)
|
|
</p>
|
|
<a
|
|
className="advert-link"
|
|
onClick={() => eventTracking.sendMB('grammarly-advert-clicked')}
|
|
href="https://grammarly.go2cloud.org/aff_c?offer_id=372&aff_id=142242"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
Claim my discount
|
|
</a>
|
|
</div>
|
|
<div className="grammarly-notification-close-btn">
|
|
<button aria-label="Close" onClick={handleClose}>
|
|
<MaterialIcon type="close" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|