D10714.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D10714.diff
View Options

	diff --git a/web/settings/relationship/user-list.css b/web/settings/relationship/user-list.css
	--- a/web/settings/relationship/user-list.css
	+++ b/web/settings/relationship/user-list.css
	@@ -29,3 +29,9 @@
	row-gap: 8px;
	height: 625px;
	}
	+
	+.emptyList {
	+ text-align: center;
	+ margin-top: 8px;
	+ color: var(--text-background-tertiary-default);
	+}
	diff --git a/web/settings/relationship/user-list.react.js b/web/settings/relationship/user-list.react.js
	--- a/web/settings/relationship/user-list.react.js
	+++ b/web/settings/relationship/user-list.react.js
	@@ -70,11 +70,24 @@
	onMenuVisibilityChange={onMenuVisibilityChange}
	/>
	));
	- }, [userRowComponent, usersWithENSNames, onMenuVisibilityChange]);
	+ }, [usersWithENSNames, userRowComponent, onMenuVisibilityChange]);
	+
	+ const noResultsMessage = React.useMemo(() => {
	+ if (searchText.length === 0 \|\| usersWithENSNames.length > 0) {
	+ return null;
	+ }
	+
	+ return <div className={css.emptyList}>No results</div>;
	+ }, [searchText.length, usersWithENSNames.length]);

	const containerClasses = classNames(css.userListContainer, {
	[css.noScroll]: isMenuVisible,
	});

	- return <div className={containerClasses}>{userRows}</div>;
	+ return (
	+ <div className={containerClasses}>
	+ {userRows}
	+ {noResultsMessage}
	+ </div>
	+ );
	}