Remove EmojiPicker footer from Reaction Picker

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>
+			{isEmojiKeyboard && (
 				<Footer
 					onSearchPressed={() => onItemClicked(EventTypes.SEARCH_PRESSED)}
 					onBackspacePressed={() => onItemClicked(EventTypes.BACKSPACE_PRESSED)}
 				/>
+			)}
 		</View>
 	);
 });

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 {

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>
 	);