pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-17 21:15:32 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): stop fetching a tiny avatar for the large voice tile (#1975)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-08-24 12:56:16 +02:00
1 parent a0d4a33fd4
commit 66791d3ca2
4 files changed
+17 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

fluxer_app/src/features/voice/components/VoiceParticipantTile.tsx
+2
View File
@@ -85,6 +85,7 @@ import {
STREAM_ENDED_DESCRIPTOR,
STREAM_HIDDEN_DESCRIPTOR,
TILE_AVATAR_BASE,
TILE_AVATAR_MEDIA_SIZE,
TILE_AVATAR_STYLE,
type VoiceParticipantTileInnerProps,
type VoiceParticipantTileProps,
@@ -872,6 +873,7 @@ const VoiceParticipantTileInner = observer(function VoiceParticipantTileInner({
<Avatar
user={participantUser}
size={TILE_AVATAR_BASE}
mediaSize={TILE_AVATAR_MEDIA_SIZE}
className={styles.avatarFlexShrink}
style={TILE_AVATAR_STYLE}
guildId={guildId}
fluxer_app/src/features/voice/components/voice_participant_tile/FocusedCameraPlaceholder.tsx
+6 -1
View File
@@ -4,7 +4,11 @@ import {Avatar} from '@app/features/ui/components/Avatar';
import type {User} from '@app/features/user/models/User';
import voiceCallStyles from '@app/features/voice/components/VoiceCallView.module.css';
import styles from '@app/features/voice/components/VoiceParticipantTile.module.css';
import {TILE_AVATAR_BASE, TILE_AVATAR_STYLE} from '@app/features/voice/components/voice_participant_tile/shared';
import {
TILE_AVATAR_BASE,
TILE_AVATAR_MEDIA_SIZE,
TILE_AVATAR_STYLE,
} from '@app/features/voice/components/voice_participant_tile/shared';
import {VideoCameraIcon} from '@phosphor-icons/react';
import {clsx} from 'clsx';
import type React from 'react';
@@ -31,6 +35,7 @@ export function FocusedCameraPlaceholder({guildId, participantUser, style}: Focu
<Avatar
user={participantUser}
size={TILE_AVATAR_BASE}
mediaSize={TILE_AVATAR_MEDIA_SIZE}
className={styles.avatarFlexShrink}
style={TILE_AVATAR_STYLE}
guildId={guildId}
fluxer_app/src/features/voice/components/voice_participant_tile/ScreenSharePlaceholder.tsx
+6 -1
View File
@@ -4,7 +4,11 @@ import {Avatar} from '@app/features/ui/components/Avatar';
import {LiveBadge} from '@app/features/ui/components/LiveBadge';
import type {User} from '@app/features/user/models/User';
import styles from '@app/features/voice/components/VoiceParticipantTile.module.css';
import {TILE_AVATAR_BASE, TILE_AVATAR_STYLE} from '@app/features/voice/components/voice_participant_tile/shared';
import {
TILE_AVATAR_BASE,
TILE_AVATAR_MEDIA_SIZE,
TILE_AVATAR_STYLE,
} from '@app/features/voice/components/voice_participant_tile/shared';
import {MonitorPlayIcon} from '@phosphor-icons/react';
import {clsx} from 'clsx';
import type React from 'react';
@@ -32,6 +36,7 @@ export function ScreenSharePlaceholder({guildId, participantUser, showLiveBadge,
<Avatar
user={participantUser}
size={TILE_AVATAR_BASE}
mediaSize={TILE_AVATAR_MEDIA_SIZE}
className={styles.avatarFlexShrink}
style={TILE_AVATAR_STYLE}
guildId={guildId}
fluxer_app/src/features/voice/components/voice_participant_tile/shared.ts
+3
View File
@@ -2,12 +2,15 @@
import {Logger} from '@app/features/platform/utils/AppLogger';
import {VoiceTrackSource} from '@app/features/voice/engine/VoiceTrackSource';
import {MEDIA_PROXY_AVATAR_SIZE_PROFILE} from '@fluxer/constants/src/MediaProxyAssetSizes';
import type {MediaProxyImageSize} from '@fluxer/constants/src/MediaProxyImageSizes';
import {msg} from '@lingui/core/macro';
import type {TrackReferenceOrPlaceholder} from '@livekit/components-react';
import type React from 'react';
export const logger = new Logger('VoiceParticipantTile');
export const TILE_AVATAR_BASE = 192;
export const TILE_AVATAR_MEDIA_SIZE: MediaProxyImageSize = MEDIA_PROXY_AVATAR_SIZE_PROFILE;
export const TILE_AVATAR_STYLE = {
width: 'var(--tile-avatar-size)',
height: 'var(--tile-avatar-size)',