mirror of
https://github.com/fluxerapp/fluxer
synced 2026-10-18 21:45:31 +09:00
fix(app): paint avatars from a real image with a fading placeholder (#1856)
This commit is contained in:
1 parent
b49cf349a8
commit
4c14ba0a5e
13 files changed
+384
-358
No files matched your search
@@ -18,7 +18,7 @@ const normalizeStatus = (status: string) => (status === StatusTypes.INVISIBLE ?
|
||||
export const StatusIndicator = memo(
|
||||
({status, size = 12, className, appearance = 'default', monochromeColor}: StatusIndicatorProps) => {
|
||||
const normalizedStatus = normalizeStatus(status);
|
||||
const maskId = `svg-mask-status-${normalizedStatus}`;
|
||||
const maskId = `flx-mask-presence-${normalizedStatus}`;
|
||||
const fill =
|
||||
appearance === 'monochrome' ? (monochromeColor ?? 'currentColor') : `var(--status-${normalizedStatus})`;
|
||||
return (
|
||||
@@ -55,7 +55,7 @@ interface RenderStatusIconOptions {
|
||||
export const renderStatusIconContent = (status: string, size: number, options: RenderStatusIconOptions = {}) => {
|
||||
const {appearance = 'default', monochromeColor} = options;
|
||||
const normalizedStatus = normalizeStatus(status);
|
||||
const maskId = `svg-mask-status-${normalizedStatus}`;
|
||||
const maskId = `flx-mask-presence-${normalizedStatus}`;
|
||||
const fill = appearance === 'monochrome' ? (monochromeColor ?? 'currentColor') : `var(--status-${normalizedStatus})`;
|
||||
return (
|
||||
<svg
|
||||
|
||||
Reference in new issue
Block a user