litruv
0cbc5d9a1c
All checks were successful
Trigger cinny-mobile / dispatch (push) Successful in 1s
Integrate profile effects, nameplates, and avatar decorations with live catalog browsing, Matrix profile storage, and rendering across user heroes, DMs, messages, and the sidebar avatar.
29 lines
830 B
TypeScript
29 lines
830 B
TypeScript
import React from 'react';
|
|
import {
|
|
pickStoredProfileEffectIntroUrl,
|
|
pickStoredProfileEffectLoopUrl,
|
|
} from '../../utils/collectibleAssets';
|
|
import { ProfileEffectMedia } from './ProfileEffectMedia';
|
|
import * as css from './styles.css';
|
|
|
|
type ProfileCollectibleOverlaysProps = {
|
|
assetUrls: Record<string, string | undefined>;
|
|
};
|
|
|
|
export function ProfileCollectibleOverlays({ assetUrls }: ProfileCollectibleOverlaysProps) {
|
|
const introUrl = pickStoredProfileEffectIntroUrl(assetUrls);
|
|
const loopUrl = pickStoredProfileEffectLoopUrl(assetUrls);
|
|
|
|
if (!introUrl && !loopUrl) return null;
|
|
|
|
return (
|
|
<div className={css.UserHeroCollectibleLayer} aria-hidden="true">
|
|
<ProfileEffectMedia
|
|
introUrl={introUrl}
|
|
loopUrl={loopUrl}
|
|
className={css.ProfileEffectOverlay}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|