blob: 7b825cdd2e8158f9d822137b521f349099347b13 (
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
31
|
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 style={{
width: props.size,
height: props.size,
backgroundColor: props.fallbackFill || "var(--background)",
backgroundImage: `url(${image})`,
backgroundSize: "cover",
display: "inline-block",
borderRadius: props.size / 2 * Number(props.round || 0)
}}/>;
}
|