murdle/fluxer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(app): evaluate preview avatar urls lazily (#15)

Browse Source
This commit is contained in:
hampus-fluxer 2026-01-04 01:06:25 +01:00 committed by GitHub
parent 5955a6668a
commit 2da7ba412e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
fluxer_app/src/components/modals/tabs/AppearanceTab/InterfaceTab.tsx
View File

@ -36,8 +36,6 @@ import AccessibilityStore, {ChannelTypingIndicatorMode} from '~/stores/Accessibi
import {cdnUrl} from '~/utils/UrlUtils'; import {cdnUrl} from '~/utils/UrlUtils';
import styles from './InterfaceTab.module.css'; import styles from './InterfaceTab.module.css';
const TYPING_PREVIEW_AVATAR_URLS = [1, 2, 3].map((index) => cdnUrl(`avatars/${index}.png`));
const ChannelListPreview = observer(({mode}: {mode: ChannelTypingIndicatorMode}) => { const ChannelListPreview = observer(({mode}: {mode: ChannelTypingIndicatorMode}) => {
const typingIndicator = const typingIndicator =
mode !== ChannelTypingIndicatorMode.HIDDEN ? ( mode !== ChannelTypingIndicatorMode.HIDDEN ? (
@ -52,8 +50,13 @@ const ChannelListPreview = observer(({mode}: {mode: ChannelTypingIndicatorMode})
<Typing className={styles.typingAnimationWrapper} color="var(--surface-interactive-selected-color)" /> <Typing className={styles.typingAnimationWrapper} color="var(--surface-interactive-selected-color)" />
{mode === ChannelTypingIndicatorMode.AVATARS && ( {mode === ChannelTypingIndicatorMode.AVATARS && (
<AvatarStack size={12} maxVisible={5} className={styles.typingAvatars}> <AvatarStack size={12} maxVisible={5} className={styles.typingAvatars}>
{TYPING_PREVIEW_AVATAR_URLS.map((avatarUrl, index) => ( {[1, 2, 3].map((index) => (
<MockAvatar key={avatarUrl} size={12} userTag={`User ${index + 1}`} avatarUrl={avatarUrl} /> <MockAvatar
key={index}
size={12}
userTag={`User ${index}`}
avatarUrl={cdnUrl(`avatars/${index}.png`)}
/>
))} ))}
</AvatarStack> </AvatarStack>
)} )}