json-joy
Version:
Collection of libraries for building collaborative editing apps.
26 lines (25 loc) • 976 B
JavaScript
import { createElement as h, useMemo } from 'react';
import { Avatar } from 'nice-ui/lib/1-inline/Avatar';
import { Img } from '../Img';
import { getDomain } from '../../web/util';
export const Favicon = (props) => {
const { domain: _domain, url, size = 16, ...rest } = props;
const domain = useMemo(() => _domain || getDomain(url || ''), [_domain, url]);
if (!domain)
return h(Avatar, { name: url || domain, width: size, height: size, letters: 1 });
return h(Img, {
...rest,
alt: domain + ' favicon',
width: size,
height: size,
src: 'https://www.google.com/s2/favicons?domain=' + domain,
renderError: () => h(Img, {
...rest,
alt: domain + ' favicon',
width: size,
height: size,
src: 'https://' + domain + '/favicon.ico',
renderError: () => h(Avatar, { name: domain, width: size, height: size, letters: 1 }),
}),
});
};