From 94e24428253e5113e69eba733666f1e21ba94f71 Mon Sep 17 00:00:00 2001
From: truph01 <truphd01@gmail.com>
Date: Fri, 3 Apr 2026 11:03:51 +0700
Subject: [PATCH] fix: default emoji doesn't render

---
 .../EmojiPicker/EmojiPickerButtonDropdown.tsx | 29 ++++++++++---------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/EmojiPicker/EmojiPickerButtonDropdown.tsx b/src/components/EmojiPicker/EmojiPickerButtonDropdown.tsx
index 71233e7cd28f..7ca2a087c2d5 100644
--- a/src/components/EmojiPicker/EmojiPickerButtonDropdown.tsx
+++ b/src/components/EmojiPicker/EmojiPickerButtonDropdown.tsx
@@ -78,20 +78,21 @@ function EmojiPickerButtonDropdown(
             >
                 {({hovered, pressed}) => (
                     <View style={styles.emojiPickerButtonDropdownContainer}>
-                        <Text
-                            style={styles.emojiPickerButtonDropdownIcon}
-                            numberOfLines={1}
-                        >
-                            {
-                                // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-                                value || (
-                                    <Icon
-                                        src={icons.Emoji}
-                                        fill={StyleUtils.getIconFillColor(CONST.BUTTON_STATES.DISABLED)}
-                                    />
-                                )
-                            }
-                        </Text>
+                        {value ? (
+                            <Text
+                                style={styles.emojiPickerButtonDropdownIcon}
+                                numberOfLines={1}
+                            >
+                                {value}
+                            </Text>
+                        ) : (
+                            <View style={styles.emojiPickerButtonDropdownIcon}>
+                                <Icon
+                                    src={icons.Emoji}
+                                    fill={StyleUtils.getIconFillColor(CONST.BUTTON_STATES.DISABLED)}
+                                />
+                            </View>
+                        )}
                         <View style={[styles.popoverMenuIcon, styles.pointerEventsAuto, disabled && styles.cursorDisabled, styles.rotate90]}>
                             <Icon
                                 src={icons.ArrowRight}