25 lines
649 B
JavaScript
25 lines
649 B
JavaScript
|
const html = require('choo/html');
|
||
|
|
const assets = require('../../../common/assets');
|
||
|
|
|
||
|
|
// eslint-disable-next-line no-unused-vars
|
||
|
|
module.exports = function(state) {
|
||
|
|
return html`
|
||
|
|
<div class="account">
|
||
|
|
<img
|
||
|
|
src="${assets.get('user.svg')}"
|
||
|
|
onclick=${onclick}
|
||
|
|
alt="account"/>
|
||
|
|
|
||
|
|
<ul class=account_dropdown>
|
||
|
|
<li class=account_dropdown__item>Placeholder</li>
|
||
|
|
<li class=account_dropdown__item>Placeholder</li>
|
||
|
|
</ul>
|
||
|
|
</div>`;
|
||
|
|
|
||
|
|
function onclick(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
const dropdown = document.querySelector('.account_dropdown');
|
||
|
|
dropdown.classList.toggle('visible');
|
||
|
|
}
|
||
|
|
};
|