diff --git a/app/components/channel_item/custom_status/custom_status.tsx b/app/components/channel_item/custom_status/custom_status.tsx
index 671c92234..6170a9212 100644
--- a/app/components/channel_item/custom_status/custom_status.tsx
+++ b/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;
diff --git a/app/components/custom_status/custom_status_emoji.tsx b/app/components/custom_status/custom_status_emoji.tsx
index 5fffcdfe6..8476b219c 100644
--- a/app/components/custom_status/custom_status_emoji.tsx
+++ b/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 (
-
-
-
- );
+ if (customStatus.emoji) {
+ return (
+
+
+
+ );
+ }
+
+ return null;
};
export default CustomStatusEmoji;
diff --git a/app/components/user_item/user_item.tsx b/app/components/user_item/user_item.tsx
index 621d7a264..1c95f8f41 100644
--- a/app/components/user_item/user_item.tsx
+++ b/app/components/user_item/user_item.tsx
@@ -149,9 +149,9 @@ const UserItem = ({
}
- {isCustomStatusEnabled && !bot && customStatus && (
+ {Boolean(isCustomStatusEnabled && !bot && customStatus?.emoji) && (
)}