diff --git a/client/sidebar/search/SearchList.js b/client/sidebar/search/SearchList.js
index c5c30a95ea60e..c1dc46881e225 100644
--- a/client/sidebar/search/SearchList.js
+++ b/client/sidebar/search/SearchList.js
@@ -7,6 +7,7 @@ import { css } from '@rocket.chat/css-in-js';
import { FixedSizeList as List } from 'react-window';
import tinykeys from 'tinykeys';
+import { ReactiveUserStatus } from '../../components/UserStatus';
import { useTranslation } from '../../contexts/TranslationContext';
import { usePreventDefault } from '../hooks/usePreventDefault';
import { useSetting } from '../../contexts/SettingsContext';
@@ -20,13 +21,14 @@ import { useMethodData } from '../../hooks/useMethodData';
import { AsyncStatePhase } from '../../hooks/useAsyncState';
import ScrollableContentWrapper from '../../components/ScrollableContentWrapper';
-const createItemData = memoize((items, t, SideBarItemTemplate, AvatarTemplate, useRealName, extended) => ({
+const createItemData = memoize((items, t, SideBarItemTemplate, AvatarTemplate, useRealName, extended, sidebarViewMode) => ({
items,
t,
SideBarItemTemplate,
AvatarTemplate,
useRealName,
extended,
+ sidebarViewMode,
}));
const Row = React.memo(({ data, index, style }) => {
@@ -38,9 +40,10 @@ const Row = React.memo(({ data, index, style }) => {
return ;
});
-const UserItem = React.memo(({ item, id, style, t, SideBarItemTemplate, AvatarTemplate, useRealName }) => {
+const UserItem = React.memo(({ item, id, style, t, SideBarItemTemplate, AvatarTemplate, useRealName, sidebarViewMode }) => {
const title = useRealName ? item.fname || item.name : item.name || item.fname;
- const icon = ;
+ const small = sidebarViewMode !== 'medium';
+ const icon = ;
const href = roomTypes.getRouteLink(item.t, item);
return