45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import React, { memo } from '../../lib/teact/teact';
|
|
|
|
import type { OwnProps as AnimatedIconProps } from './AnimatedIcon';
|
|
import type { ApiSticker } from '../../api/types';
|
|
import { ApiMediaFormat } from '../../api/types';
|
|
|
|
import { getStickerPreviewHash } from '../../global/helpers';
|
|
|
|
import useMedia from '../../hooks/useMedia';
|
|
|
|
import AnimatedIconWithPreview from './AnimatedIconWithPreview';
|
|
|
|
type OwnProps =
|
|
Partial<AnimatedIconProps>
|
|
& { sticker?: ApiSticker; noLoad?: boolean; forcePreview?: boolean; lastSyncTime?: number };
|
|
|
|
function AnimatedIconFromSticker(props: OwnProps) {
|
|
const {
|
|
sticker, noLoad, forcePreview, lastSyncTime, ...otherProps
|
|
} = props;
|
|
|
|
const thumbDataUri = sticker?.thumbnail?.dataUri;
|
|
const localMediaHash = sticker && `sticker${sticker.id}`;
|
|
const previewBlobUrl = useMedia(
|
|
sticker ? getStickerPreviewHash(sticker.id) : undefined,
|
|
noLoad && !forcePreview,
|
|
ApiMediaFormat.BlobUrl,
|
|
lastSyncTime,
|
|
);
|
|
const tgsUrl = useMedia(localMediaHash, noLoad, undefined, lastSyncTime);
|
|
|
|
return (
|
|
<AnimatedIconWithPreview
|
|
tgsUrl={tgsUrl}
|
|
previewUrl={previewBlobUrl}
|
|
noPreviewTransition
|
|
thumbDataUri={thumbDataUri}
|
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
{...otherProps}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default memo(AnimatedIconFromSticker);
|