@@ -1,5 +1,5 @@
|
|||||||
import React, {
|
import React, {
|
||||||
useState, useEffect, useCallback, useRef,
|
useState, useEffect, useCallback,
|
||||||
} from 'react';
|
} from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import './RoomMembers.scss';
|
import './RoomMembers.scss';
|
||||||
@@ -16,7 +16,6 @@ import Input from '../../atoms/input/Input';
|
|||||||
import { MenuHeader } from '../../atoms/context-menu/ContextMenu';
|
import { MenuHeader } from '../../atoms/context-menu/ContextMenu';
|
||||||
import SegmentedControls from '../../atoms/segmented-controls/SegmentedControls';
|
import SegmentedControls from '../../atoms/segmented-controls/SegmentedControls';
|
||||||
import PeopleSelector from '../people-selector/PeopleSelector';
|
import PeopleSelector from '../people-selector/PeopleSelector';
|
||||||
import settings from '../../../client/state/settings';
|
|
||||||
|
|
||||||
const PER_PAGE_MEMBER = 50;
|
const PER_PAGE_MEMBER = 50;
|
||||||
|
|
||||||
@@ -144,7 +143,7 @@ function RoomMembers({ roomId }) {
|
|||||||
<Input
|
<Input
|
||||||
onChange={handleSearch}
|
onChange={handleSearch}
|
||||||
placeholder="Search for name"
|
placeholder="Search for name"
|
||||||
autoFocus={!settings.isTouchScreenDevice}
|
autoFocus
|
||||||
/>
|
/>
|
||||||
<div className="room-members__header">
|
<div className="room-members__header">
|
||||||
<MenuHeader>{`${searchMembers ? `Found — ${mList.length}` : members.length} members`}</MenuHeader>
|
<MenuHeader>{`${searchMembers ? `Found — ${mList.length}` : members.length} members`}</MenuHeader>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import React, { useState, useEffect, useRef } from 'react';
|
import React, { useState, useEffect } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import './RoomSearch.scss';
|
import './RoomSearch.scss';
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user