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