github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #16293 from overleaf/jdt-grammarly-perm-advert

Browse source 
Grammarly Permanent Collaboration

GitOrigin-RevId: 0ef47cb7dcb4b175c4d5f3a3c2dbe2e6590a69de
This commit is contained in:
Jimmy Domagala-Tang 2023-12-15 16:50:24 -05:00 committed by Copybot
parent abd2974469
commit 0ac514f81b
1 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx
View file

@ -13,12 +13,9 @@ export default function GrammarlyAdvert() {
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
grammarlyInstalled && !hasDismissedGrammarlyAdvert
if (showGrammarlyAdvert) {
eventTracking.sendMB('grammarly-advert-shown')
@ -35,8 +32,36 @@ export default function GrammarlyAdvert() {
if (!show) {
return null
}
// promotion ends on december 16th, 2023 at 00:00 UTC
const promotionEnded = new Date() > new Date(Date.UTC(2023, 11, 16, 0, 0, 0))
return (
const permanentOffer = (
<div className="alert alert-info grammarly-advert" role="alert">
<div className="grammarly-advert-container">
<div className="advert-content">
<p>
Love Grammarly? Then you're in luck! Get 25% off Grammarly Premium
with this exclusive offer for Overleaf users.
</p>
<a
className="advert-link"
onClick={() => eventTracking.sendMB('grammarly-advert-clicked')}
href="https://grammarly.go2cloud.org/aff_c?offer_id=373&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>
)
const promoOffer = (
<div className="alert alert-info grammarly-advert" role="alert">
<div className="grammarly-advert-container">
<div className="advert-content">
@ -62,4 +87,5 @@ export default function GrammarlyAdvert() {
</div>
</div>
)
return promotionEnded ? permanentOffer : promoOffer
}