import React, {
- useState, useEffect, useCallback, useRef,
+ useState, useEffect, useCallback,
} from 'react';
import PropTypes from 'prop-types';
import './RoomMembers.scss';
import { MenuHeader } from '../../atoms/context-menu/ContextMenu';
import SegmentedControls from '../../atoms/segmented-controls/SegmentedControls';
import PeopleSelector from '../people-selector/PeopleSelector';
-import settings from '../../../client/state/settings';
const PER_PAGE_MEMBER = 50;
<Input
onChange={handleSearch}
placeholder="Search for name"
- autoFocus={!settings.isTouchScreenDevice}
+ autoFocus
/>
<div className="room-members__header">
<MenuHeader>{`${searchMembers ? `Found — ${mList.length}` : members.length} members`}</MenuHeader>
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import './RoomSearch.scss';