From fbbb098a649da18eec7d2f9824eeb881dcf9a8bd Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 5 Jul 2023 13:14:56 +0200
Subject: [PATCH] Fix FAB overlapping last entries (#3448)

---
 src/components/common/CustomEmojiPicker.tsx                   | 3 +++
 .../left/settings/folders/SettingsFoldersChatsPicker.tsx      | 2 +-
 src/components/right/CreateTopic.tsx                          | 1 +
 src/components/right/EditTopic.tsx                            | 1 +
 src/styles/_common.scss                                       | 4 ++++
 5 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/common/CustomEmojiPicker.tsx b/src/components/common/CustomEmojiPicker.tsx
index 173b8c66c..7d548eff4 100644
--- a/src/components/common/CustomEmojiPicker.tsx
+++ b/src/components/common/CustomEmojiPicker.tsx
@@ -54,6 +54,7 @@ import styles from './CustomEmojiPicker.module.scss';
 type OwnProps = {
   chatId?: string;
   className?: string;
+  pickerListClassName?: string;
   isHidden?: boolean;
   loadAndPlay: boolean;
   idPrefix?: string;
@@ -102,6 +103,7 @@ const STICKER_SET_IDS_WITH_COVER = new Set([
 
 const CustomEmojiPicker: FC<OwnProps & StateProps> = ({
   className,
+  pickerListClassName,
   isHidden,
   loadAndPlay,
   addedCustomEmojiIds,
@@ -370,6 +372,7 @@ const CustomEmojiPicker: FC<OwnProps & StateProps> = ({
     pickerStyles.main_customEmoji,
     'no-selection',
     IS_TOUCH_ENV ? 'no-scrollbar' : 'custom-scroll',
+    pickerListClassName,
   );
 
   return (
diff --git a/src/components/left/settings/folders/SettingsFoldersChatsPicker.tsx b/src/components/left/settings/folders/SettingsFoldersChatsPicker.tsx
index 17d6aa997..d78d2e1eb 100644
--- a/src/components/left/settings/folders/SettingsFoldersChatsPicker.tsx
+++ b/src/components/left/settings/folders/SettingsFoldersChatsPicker.tsx
@@ -209,7 +209,7 @@ const SettingsFoldersChatsPicker: FC<OwnProps & StateProps> = ({
         />
       </div>
       <InfiniteScroll
-        className="picker-list custom-scroll"
+        className="picker-list custom-scroll fab-padding-bottom"
         itemSelector=".chat-item"
         items={viewportIds}
         onLoadMore={getMore}
diff --git a/src/components/right/CreateTopic.tsx b/src/components/right/CreateTopic.tsx
index adf688cfa..23d8ed5ca 100644
--- a/src/components/right/CreateTopic.tsx
+++ b/src/components/right/CreateTopic.tsx
@@ -146,6 +146,7 @@ const CreateTopic: FC<OwnProps & StateProps> = ({
             loadAndPlay={isActive}
             onCustomEmojiSelect={handleCustomEmojiSelect}
             className={styles.iconPicker}
+            pickerListClassName="fab-padding-bottom"
             withDefaultTopicIcons
           />
         </div>
diff --git a/src/components/right/EditTopic.tsx b/src/components/right/EditTopic.tsx
index 90f07813d..50b2d3a17 100644
--- a/src/components/right/EditTopic.tsx
+++ b/src/components/right/EditTopic.tsx
@@ -157,6 +157,7 @@ const EditTopic: FC<OwnProps & StateProps> = ({
                   loadAndPlay={isActive}
                   onCustomEmojiSelect={handleCustomEmojiSelect}
                   className={styles.iconPicker}
+                  pickerListClassName="fab-padding-bottom"
                   withDefaultTopicIcons
                 />
               </div>
diff --git a/src/styles/_common.scss b/src/styles/_common.scss
index f114e45fd..bad99e72f 100644
--- a/src/styles/_common.scss
+++ b/src/styles/_common.scss
@@ -207,3 +207,7 @@
     --color-user: var(--color-deleted-account);
   }
 }
+
+.fab-padding-bottom {
+  padding-bottom: 5rem !important;
+}