Changeset View
Changeset View
Standalone 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; |