use realtime mode

packages/app/src/pages/timeline/components/feed/index.jsx

@@ -7,30 +7,30 @@ import FeedModel from "@models/feed"
 import "./index.less"
 
 const emptyListRender = () => {
-    return <div className="emptyFeed">
+	return (
-        <h2>
+		<div className="emptyFeed">
-            We don't have any posts to show you.
+			<h2>We don't have any posts to show you.</h2>
-        </h2>
 
 			<p>
-            Search for new people to follow on <a onClick={() => app.location.push("/?type=global")}>global</a> tab, and start view their posts.
+				Search for new people to follow on{" "}
+				<a onClick={() => app.location.push("/?type=global")}>global</a>{" "}
+				tab, and start view their posts.
 			</p>
 		</div>
+	)
 }
 
 export class Feed extends React.Component {
 	render() {
-        return <PostsList
+		return (
+			<PostsList
 				disableHasReplies
 				ref={this.props.innerRef}
 				emptyListRender={emptyListRender}
 				loadFromModel={FeedModel.getTimelineFeed}
-            watchTimeline={[
-                "feed.new",
-                "post.delete",
-            ]}
 				realtime
 			/>
+		)
 	}
 }
 

packages/app/src/pages/timeline/components/global/index.jsx

@@ -8,15 +8,12 @@ import "./index.less"
 
 export default class ExplorePosts extends React.Component {
 	render() {
-        return <PostsList
+		return (
+			<PostsList
 				disableHasReplies
 				loadFromModel={Feed.getGlobalTimelineFeed}
-            watchTimeline={[
-                "post.new",
-                "post.delete",
-                "feed.new",
-            ]}
 				realtime
 			/>
+		)
 	}
 }