Fix no results translation and padding

CMS-Enterprise · Dec 11, 2024 · 0d7e3df · 0d7e3df
1 parent 543ad8a
commit 0d7e3df
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/MentionTextArea/MentionList.tsx b/src/components/MentionTextArea/MentionList.tsx
@@ -35,7 +35,7 @@ const scrollIntoView = () => {
 /** Renders the list of suggestions within `MentionTextArea` */
 const MentionList = forwardRef<MentionListOnKeyDown, MentionSuggestionProps>(
   (props, ref) => {
-    const { t } = useTranslation('discussionsMisc');
+    const { t } = useTranslation('general');
 
     const [selectedIndex, setSelectedIndex] = useState<number>(0);
 
@@ -113,7 +113,7 @@ const MentionList = forwardRef<MentionListOnKeyDown, MentionSuggestionProps>(
             </button>
           ))
         ) : (
-          <div className="item">{t('noResults')}</div>
+          <span className="item padding-x-1">{t('noResults')}</span>
         )}
       </div>
     );

diff --git a/src/i18n/en-US/general.ts b/src/i18n/en-US/general.ts
@@ -11,6 +11,7 @@ const general = {
   remove: 'Remove',
   pageLoading: 'Loading the page',
   loadingResults: 'Loading results',
+  noResults: 'No results',
   noInfoToDisplay: 'No information to display',
   noDataAvailable: 'No data available',
   readMore: 'Read more',