From 036066cd9a16f9024c326859c77749a201f53798 Mon Sep 17 00:00:00 2001
From: Danish Ahmed Mirza <danishmirza30602@gmail.com>
Date: Tue, 28 Jun 2022 20:48:19 +0530
Subject: [PATCH] Remove EmojiPicker footer from Reaction Picker

---
 app/containers/EmojiPicker/index.tsx        | 12 +++++++-----
 app/containers/EmojiPicker/interfaces.ts    |  2 +-
 app/containers/MessageBox/EmojiKeyboard.tsx |  2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/containers/EmojiPicker/index.tsx b/app/containers/EmojiPicker/index.tsx
index 06075305a..5125de0e6 100644
--- a/app/containers/EmojiPicker/index.tsx
+++ b/app/containers/EmojiPicker/index.tsx
@@ -19,7 +19,7 @@ import { IEmoji, ICustomEmojis, TFrequentlyUsedEmojiModel } from '../../definiti
 import { useAppSelector } from '../../lib/hooks';
 import { IEmojiPickerProps, EventTypes } from './interfaces';
 
-const EmojiPicker = React.memo(({ onItemClicked, tabEmojiStyle }: IEmojiPickerProps) => {
+const EmojiPicker = React.memo(({ onItemClicked, tabEmojiStyle, isEmojiKeyboard = false }: IEmojiPickerProps) => {
 	const [frequentlyUsed, setFrequentlyUsed] = useState<IEmoji[]>([]);
 	const [show, setShow] = useState(false);
 	const [width, setWidth] = useState(null);
@@ -152,10 +152,12 @@ const EmojiPicker = React.memo(({ onItemClicked, tabEmojiStyle }: IEmojiPickerPr
 						: renderCategory(tab.category, i, tab.tabLabel, tabsCount)
 				)}
 			</ScrollableTabView>
-			<Footer
-				onSearchPressed={() => onItemClicked(EventTypes.SEARCH_PRESSED)}
-				onBackspacePressed={() => onItemClicked(EventTypes.BACKSPACE_PRESSED)}
-			/>
+			{isEmojiKeyboard && (
+				<Footer
+					onSearchPressed={() => onItemClicked(EventTypes.SEARCH_PRESSED)}
+					onBackspacePressed={() => onItemClicked(EventTypes.BACKSPACE_PRESSED)}
+				/>
+			)}
 		</View>
 	);
 });
diff --git a/app/containers/EmojiPicker/interfaces.ts b/app/containers/EmojiPicker/interfaces.ts
index 20347240d..9e5cc8f0f 100644
--- a/app/containers/EmojiPicker/interfaces.ts
+++ b/app/containers/EmojiPicker/interfaces.ts
@@ -7,9 +7,9 @@ export enum EventTypes {
 }
 
 export interface IEmojiPickerProps {
-	baseUrl: string;
 	onItemClicked: (event: EventTypes, emoji?: string) => void;
 	tabEmojiStyle?: StyleProp<TextStyle>;
+	isEmojiKeyboard?: boolean;
 }
 
 export interface IFooterProps {
diff --git a/app/containers/MessageBox/EmojiKeyboard.tsx b/app/containers/MessageBox/EmojiKeyboard.tsx
index cbee8543b..4efbbf421 100644
--- a/app/containers/MessageBox/EmojiKeyboard.tsx
+++ b/app/containers/MessageBox/EmojiKeyboard.tsx
@@ -22,7 +22,7 @@ const EmojiKeyboard = () => {
 				style={[styles.emojiKeyboardContainer, { borderTopColor: colors.borderColor }]}
 				testID='messagebox-keyboard-emoji'
 			>
-				<EmojiPicker onItemClicked={onItemClicked} />
+				<EmojiPicker onItemClicked={onItemClicked} isEmojiKeyboard={true} />
 			</View>
 		</Provider>
 	);