diff --git a/app/soapbox/features/notifications/index.js b/app/soapbox/features/notifications/index.js index 2ed33a9c5..2ec4c652c 100644 --- a/app/soapbox/features/notifications/index.js +++ b/app/soapbox/features/notifications/index.js @@ -34,14 +34,6 @@ const Footer = ({ context }) => ( ) : null ); -const EmptyPlaceholder = ({ context }) => { - if (context.isLoading) { - return ; - } else { - return {context.emptyMessage}; - } -}; - const Item = ({ context, ...rest }) => (
); @@ -168,27 +160,29 @@ class Notifications extends React.PureComponent { isScrolling && this.handleScroll} itemContent={(_index, notification) => ( - + isLoading ? ( + + ) : ( + + ) )} context={{ hasMore, - isLoading, - emptyMessage, }} components={{ ScrollSeekPlaceholder: PlaceholderNotification, Footer, - EmptyPlaceholder, + EmptyPlaceholder: () => {emptyMessage}, Item, }} />