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,
}}
/>