send/app/templates/fxPromo/index.js

34 lines
903 B
JavaScript
Raw Normal View History

const html = require('choo/html');
const assets = require('../../../common/assets');
module.exports = function(state, emit) {
function clicked() {
emit('experiment', { cd3: 'promo' });
}
let classes = 'fxPromo';
2018-01-31 19:46:29 +00:00
switch (state.promo) {
case 'blue':
classes = 'fxPromo fxPromo--blue';
2018-01-31 19:46:29 +00:00
break;
case 'pink':
classes = 'fxPromo fxPromo--pink';
2018-01-31 19:46:29 +00:00
break;
}
2017-12-05 22:06:40 +00:00
return html`
2017-12-05 22:06:40 +00:00
<div class="${classes}">
<div>
<img
src="${assets.get('firefox_logo-only.svg')}"
class="fxPromo__logo"
alt="Firefox"/>
<span>Send is brought to you by the all-new Firefox.
<a
class="link"
href="https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com"
onclick=${clicked}
>Download Firefox now </a></span>
</div>
</div>`;
};