Ensure emoji name is set for CustomStatusEmoji

app/components/channel_item/custom_status/custom_status.tsx

@@ -25,7 +25,7 @@ const style = StyleSheet.create({
 });
 
 const CustomStatus = ({customStatus, customStatusExpired, isCustomStatusEnabled, isInfo}: Props) => {
-    const showCustomStatusEmoji = Boolean(isCustomStatusEnabled && customStatus && !customStatusExpired);
+    const showCustomStatusEmoji = Boolean(isCustomStatusEnabled && customStatus?.emoji && !customStatusExpired);
 
     if (!showCustomStatusEmoji) {
         return null;

app/components/custom_status/custom_status_emoji.tsx

@@ -15,17 +15,21 @@ interface ComponentProps {
 
 const CustomStatusEmoji = ({customStatus, emojiSize = 16, style, testID}: ComponentProps) => {
     const testIdPrefix = testID ? `${testID}.` : '';
-    return (
-        <View
-            style={style}
-            testID={`${testIdPrefix}custom_status_emoji.${customStatus.emoji}`}
-        >
-            <Emoji
-                size={emojiSize}
-                emojiName={customStatus.emoji!}
-            />
-        </View>
-    );
+    if (customStatus.emoji) {
+        return (
+            <View
+                style={style}
+                testID={`${testIdPrefix}custom_status_emoji.${customStatus.emoji}`}
+            >
+                <Emoji
+                    size={emojiSize}
+                    emojiName={customStatus.emoji!}
+                />
+            </View>
+        );
+    }
+
+    return null;
 };
 
 export default CustomStatusEmoji;

app/components/user_item/user_item.tsx

@@ -149,9 +149,9 @@ const UserItem = ({
                 </Text>
                 }
             </View>
-            {isCustomStatusEnabled && !bot && customStatus && (
+            {Boolean(isCustomStatusEnabled && !bot && customStatus?.emoji) && (
                 <CustomStatusEmoji
-                    customStatus={customStatus}
+                    customStatus={customStatus!}
                     style={style.icon}
                 />
             )}