diff --git a/web/modals/search/message-search-modal.css b/web/modals/search/message-search-modal.css --- a/web/modals/search/message-search-modal.css +++ b/web/modals/search/message-search-modal.css @@ -12,3 +12,11 @@ margin-bottom: 8px; margin-top: 24px; } + +.footer { + color: var(--modal-secondary-label); + size: 14; + font-weight: 400; + text-align: center; + margin: 20px; +} diff --git a/web/modals/search/message-search-modal.react.js b/web/modals/search/message-search-modal.react.js --- a/web/modals/search/message-search-modal.react.js +++ b/web/modals/search/message-search-modal.react.js @@ -155,21 +155,33 @@ possiblyLoadMoreMessages(); }, [clearTooltip, possiblyLoadMoreMessages]); - const loader = React.useMemo(() => { - if (endReached) { - return null; + const footer = React.useMemo(() => { + if (query === '') { + return ( +