Page MenuHomePhabricator

D4307.id13621.diff
No OneTemporary

D4307.id13621.diff

diff --git a/web/settings/relationship/add-users-list.css b/web/settings/relationship/add-users-list.css
--- a/web/settings/relationship/add-users-list.css
+++ b/web/settings/relationship/add-users-list.css
@@ -1,3 +1,10 @@
+.container {
+ overflow: auto;
+ height: 580px;
+ display: flex;
+ flex-direction: column;
+}
+
.addUserButton {
display: flex;
flex-direction: row;
diff --git a/web/settings/relationship/add-users-list.react.js b/web/settings/relationship/add-users-list.react.js
--- a/web/settings/relationship/add-users-list.react.js
+++ b/web/settings/relationship/add-users-list.react.js
@@ -9,6 +9,8 @@
import { useServerCall } from 'lib/utils/action-utils.js';
import { useSelector } from '../../redux/redux-utils.js';
+import AddUsersListItem from './add-users-list-item.react.js';
+import css from './add-users-list.css';
type Props = {
+searchText: string,
@@ -70,7 +72,6 @@
userStoreSearchResults,
]);
- // eslint-disable-next-line no-unused-vars
const sortedUsers = React.useMemo(() => {
const users = [];
for (const userID in mergedUserInfos) {
@@ -81,7 +82,18 @@
.sort((user1, user2) => user1.username.localeCompare(user2.username));
}, [excludedStatuses, mergedUserInfos]);
- return null;
+ const userRows = React.useMemo(
+ () =>
+ sortedUsers.map(userInfo => (
+ <AddUsersListItem
+ userInfo={userInfo}
+ key={userInfo.id}
+ selectUser={() => {}}
+ />
+ )),
+ [sortedUsers],
+ );
+ return <div className={css.container}>{userRows}</div>;
}
export default AddUsersList;

File Metadata

Mime Type
text/plain
Expires
Fri, Dec 20, 4:41 AM (21 h, 16 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2680420
Default Alt Text
D4307.id13621.diff (1 KB)

Event Timeline