From 6f74540e985a876233b22df92e46a4cd93583230 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sat, 1 Mar 2025 17:59:39 +0100
Subject: [PATCH] Profile Gifts: Fix loading more (#5673)

---
 src/components/common/gift/SavedGift.tsx | 7 ++++++-
 src/components/right/Profile.tsx         | 8 +++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/common/gift/SavedGift.tsx b/src/components/common/gift/SavedGift.tsx
index c18f1b2e5..674b0a1cd 100644
--- a/src/components/common/gift/SavedGift.tsx
+++ b/src/components/common/gift/SavedGift.tsx
@@ -4,6 +4,7 @@ import { getActions, withGlobal } from '../../../global';
 import type { ApiPeer, ApiSavedStarGift } from '../../../api/types';
 
 import { selectPeer } from '../../../global/selectors';
+import buildClassName from '../../../util/buildClassName';
 import { CUSTOM_PEER_HIDDEN } from '../../../util/objects/customPeer';
 import { formatIntegerCompact } from '../../../util/textFormat';
 import { getGiftAttributes, getStickerFromGift, getTotalGiftAvailability } from '../helpers/gifts';
@@ -90,7 +91,11 @@ const SavedGift = ({
   const totalIssued = getTotalGiftAvailability(gift.gift);
 
   return (
-    <div ref={ref} className={styles.root} onClick={handleClick}>
+    <div
+      ref={ref}
+      className={buildClassName(styles.root, 'scroll-item')}
+      onClick={handleClick}
+    >
       {radialPatternBackdrop}
       {!radialPatternBackdrop && <Avatar className={styles.avatar} peer={avatarPeer} size="micro" />}
       <AnimatedIconFromSticker
diff --git a/src/components/right/Profile.tsx b/src/components/right/Profile.tsx
index 67f8bc1e4..e7a82197f 100644
--- a/src/components/right/Profile.tsx
+++ b/src/components/right/Profile.tsx
@@ -836,6 +836,7 @@ const Profile: FC<OwnProps & StateProps> = ({
   function renderContentWithTransition() {
     return (
       <Transition
+        className={`${resultType}-list`}
         activeKey={contentTransitionKey}
         name="fade"
       >
@@ -844,11 +845,16 @@ const Profile: FC<OwnProps & StateProps> = ({
     );
   }
 
+  const activeListSelector = `.shared-media-transition > .Transition_slide-active.${resultType}-list`;
+  const itemSelector = !shouldUseTransitionForContent
+    ? `${activeListSelector} > .scroll-item`
+    : `${activeListSelector} > .Transition_slide-active > .content > .scroll-item`;
+
   return (
     <InfiniteScroll
       ref={containerRef}
       className="Profile custom-scroll"
-      itemSelector={`.shared-media-transition > .Transition_slide-active.${resultType}-list > .scroll-item`}
+      itemSelector={itemSelector}
       items={canRenderContent ? viewportIds : undefined}
       cacheBuster={cacheBuster}
       sensitiveArea={PROFILE_SENSITIVE_AREA}