Differential D7981 Diff 27400 web/modals/chat/message-results-modal.react.js

Changeset View

Standalone View

web/modals/chat/message-results-modal.react.js

Show First 20 Lines • Show All 128 Lines • ▼ Show 20 Lines	() =>
}		}
return modifiedItem;		return modifiedItem;
})		})
.filter(Boolean),		.filter(Boolean),
[sortedUniqueChatMessageInfoItems],		[sortedUniqueChatMessageInfoItems],
);		);

const messageResultsToDisplay = React.useMemo(() => {		const messageResultsToDisplay = React.useMemo(() => {
		const items = modifiedItems.map(item => (
		<MessageResult
		key={item.messageInfo.id}
		item={item}
		threadInfo={threadInfo}
		/>
		));
		return <>{items}</>;
		}, [modifiedItems, threadInfo]);

		const loadingIndicator = React.useMemo(() => {
if (loadingStatus === 'loading') {		if (loadingStatus === 'loading') {
return (		return (
<div className={css.loadingIndicator}>		<div className={css.loadingIndicator}>
<LoadingIndicator status="loading" size="medium" />		<LoadingIndicator status="loading" size="medium" />
</div>		</div>
);		);
}		}
return modifiedItems.map(item => (		return null;
<MessageResult		}, [loadingStatus]);
key={item.messageInfo.id}
item={item}
threadInfo={threadInfo}
/>
));
}, [modifiedItems, threadInfo, loadingStatus]);

return (		return (
<Modal name={modalName} onClose={popModal} size="large">		<Modal name={modalName} onClose={popModal} size="large">
<hr className={css.separator} />		<hr className={css.separator} />
		<div className={css.topSpace}>{loadingIndicator}</div>
<div className={css.messageResultsContainer}>		<div className={css.messageResultsContainer}>
{messageResultsToDisplay}		{messageResultsToDisplay}
</div>		</div>
</Modal>		</Modal>
);		);
}		}

export default MessageResultsModal;		export default MessageResultsModal;