Add SVG masks to server / user icons.

2021-07-02 16:24:36 +01:00
parent 0f2b6b6b44
commit 1cb59ca40c
4 changed files with 29 additions and 10 deletions
--- a/src/components/common/user/UserIcon.tsx
+++ b/src/components/common/user/UserIcon.tsx
@@ -62,7 +62,7 @@ export default function UserIcon(props: Props & Omit<JSX.SVGAttributes<SVGSVGEle
            height={size}
            aria-hidden="true"
            viewBox="0 0 32 32">
-            <foreignObject x="0" y="0" width="32" height="32">
+            <foreignObject x="0" y="0" width="32" height="32" mask={props.status ? "url(#user)" : undefined}>
                {
                    <img src={iconURL}
                        draggable={false} />