git ssb

16+

Dominic / patchbay



Tree: 4d1c3739c5f90c85db9ec1aad521dce9696f3026

Files: 4d1c3739c5f90c85db9ec1aad521dce9696f3026 / about / html / avatar.js

772 bytesRaw
1const nest = require('depnest')
2const { h, computed } = require('mutant')
3
4exports.gives = nest('about.html.avatar')
5
6exports.needs = nest({
7 'about.obs': {
8 color: 'first',
9 imageUrl: 'first'
10 },
11 'about.html.link': 'first'
12})
13
14exports.create = function (api) {
15 return nest('about.html.avatar', avatar)
16
17 function avatar (id, size = 4) {
18 const src = api.about.obs.imageUrl(id)
19 const color = computed(src, src => src.match(/^http/) ? 'rgba(0,0,0,0)' : api.about.obs.color(id))
20
21 const avatar = api.about.html.link(id,
22 h('img', {
23 style: { 'background-color': color },
24 src
25 })
26 )
27 avatar.classList.add('Avatar')
28 avatar.style.setProperty('--avatar-size', isNaN(size) ? size : `${size}rem`)
29
30 return avatar
31 }
32}
33

Built with git-ssb-web