Animated Custom Emoji: Better quality

src/components/common/CustomEmoji.tsx

@@ -30,6 +30,7 @@ type OwnProps = {
   className?: string;
   loopLimit?: number;
   style?: string;
+  isBig?: boolean;
   withGridFix?: boolean;
   withSharedAnimation?: boolean;
   sharedCanvasRef?: React.RefObject<HTMLCanvasElement>;
@@ -48,6 +49,7 @@ const CustomEmoji: FC<OwnProps> = ({
   ref,
   documentId,
   size = STICKER_SIZE,
+  isBig,
   className,
   loopLimit,
   style,
@@ -143,7 +145,7 @@ const CustomEmoji: FC<OwnProps> = ({
         <StickerView
           containerRef={containerRef}
           sticker={customEmoji}
-          isSmall
+          isSmall={!isBig}
           size={size}
           customColor={customColor}
           thumbClassName={styles.thumb}

src/components/middle/message/AnimatedCustomEmoji.tsx

@@ -64,6 +64,7 @@ const AnimatedCustomEmoji: FC<OwnProps & StateProps> = ({
       className={buildClassName('AnimatedEmoji media-inner', sticker?.id === LIKE_STICKER_ID && 'like-sticker-thumb')}
       style={style}
       size={size}
+      isBig
       withSharedAnimation
       forceOnHeavyAnimation
       observeIntersectionForLoading={observeIntersection}