fox-send/app/ui/footer.js

49 lines
1.3 KiB
JavaScript
Raw Normal View History

2018-10-25 02:07:10 +00:00
const html = require('choo/html');
const Component = require('choo/component');
2018-10-25 02:07:10 +00:00
class Footer extends Component {
constructor(name, state) {
super(name);
this.state = state;
}
update() {
return false;
}
createElement() {
const translate = this.state.translate;
return html`
<footer
2019-09-09 17:34:55 +00:00
class="flex flex-col md:flex-row items-start w-full flex-none self-start p-6 md:p-8 font-medium text-xs text-grey-60 dark:text-grey-40 md:items-center justify-between"
>
2019-09-09 17:34:55 +00:00
<a class="mozilla-logo m-2" href="https://www.mozilla.org/">
Mozilla
</a>
<ul
2019-06-14 18:30:43 +00:00
class="flex flex-col md:flex-row items-start md:items-center md:justify-end"
>
<li class="m-2">
2019-02-13 21:09:57 +00:00
<a href="https://www.mozilla.org/about/legal/terms/services/#send">
${translate('footerLinkLegal')}
</a>
</li>
<li class="m-2">
2019-02-13 21:09:57 +00:00
<a href="/legal"> ${translate('footerLinkPrivacy')} </a>
</li>
<li class="m-2">
<a href="https://www.mozilla.org/privacy/websites/#cookies">
${translate('footerLinkCookies')}
</a>
</li>
<li class="m-2">
<a href="https://github.com/mozilla/send">GitHub </a>
</li>
</ul>
</footer>
`;
}
}
module.exports = Footer;