Merge pull request Expensify#33332 from Expensify/lucien/fix-tooltip-…

…status-text Fix tooltip extra space when status text is empty
mollfpr · Dec 27, 2023 · 6365aeb · 6365aeb
2 parents 881a83b + 1eeba82
commit 6365aeb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/LHNOptionsList/OptionRowLHN.js b/src/components/LHNOptionsList/OptionRowLHN.js
@@ -149,7 +149,7 @@ function OptionRowLHN(props) {
     const statusText = lodashGet(optionItem, 'status.text', '');
     const statusClearAfterDate = lodashGet(optionItem, 'status.clearAfter', '');
     const formattedDate = DateUtils.getStatusUntilDate(statusClearAfterDate);
-    const statusContent = formattedDate ? `${statusText} (${formattedDate})` : statusText;
+    const statusContent = formattedDate ? `${statusText ? `${statusText} ` : ''}(${formattedDate})` : statusText;
     const isStatusVisible = !!emojiCode && ReportUtils.isOneOnOneChat(ReportUtils.getReport(optionItem.reportID));
 
     const isGroupChat =

diff --git a/src/pages/home/report/ReportActionItemSingle.js b/src/pages/home/report/ReportActionItemSingle.js
@@ -206,7 +206,7 @@ function ReportActionItemSingle(props) {
     const hasEmojiStatus = !displayAllActors && status && status.emojiCode;
     const formattedDate = DateUtils.getStatusUntilDate(lodashGet(status, 'clearAfter'));
     const statusText = lodashGet(status, 'text', '');
-    const statusTooltipText = formattedDate ? `${statusText} (${formattedDate})` : statusText;
+    const statusTooltipText = formattedDate ? `${statusText ? `${statusText} ` : ''}(${formattedDate})` : statusText;
 
     return (
         <View style={[styles.chatItem, props.wrapperStyle]}>