blob: cb44346a21a12474de9b3ae8bdf0ce9134746df4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
var dummy =
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2P4z/j/PwAHAQL/gXZXNQAAAABJRU5ErkJggg==';
export function AccountAvatar(props: {
size: number;
dummy?: boolean;
fallbackFill?: string;
round?: boolean;
id?: string;
}) {
var image = '';
image += '/api/user/avatar';
if (typeof props.id === 'string') {
if (!props.id) image = '';
else image += `?id=${props.id}`;
}
if (props.dummy) image = dummy;
return <div
className={'accountAvatar dispinbl ' + (props.round ? 'round' : '')}
style={{
width: props.size,
height: props.size,
backgroundColor: props.fallbackFill || 'var(--background)',
backgroundImage: `url(${image})`,
}}
/>;
}
|