D4307.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D4307.diff
View Options

	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(
	() =>
	Object.keys(mergedUserInfos)
	@@ -80,7 +81,18 @@
	[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;