From 7a508d2ce2871763c6e88aa81ecf37030048b733 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Wed, 15 Mar 2023 19:23:39 +0000
Subject: [PATCH] rename `explore` to `global` tab

---
 .../pages/posts/components/explore/index.jsx  | 55 -------------------
 .../src/pages/posts/components/feed/index.jsx |  4 +-
 .../pages/posts/components/global/index.jsx   | 22 ++++++++
 .../components/{explore => global}/index.less |  1 +
 4 files changed, 26 insertions(+), 56 deletions(-)
 delete mode 100755 packages/app/src/pages/posts/components/explore/index.jsx
 create mode 100755 packages/app/src/pages/posts/components/global/index.jsx
 rename packages/app/src/pages/posts/components/{explore => global}/index.less (87%)

diff --git a/packages/app/src/pages/posts/components/explore/index.jsx b/packages/app/src/pages/posts/components/explore/index.jsx
deleted file mode 100755
index 02128550..00000000
--- a/packages/app/src/pages/posts/components/explore/index.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from "react"
-import { Skeleton } from "antd"
-import { Icons } from "components/Icons"
-
-import { PostsList, Searcher } from "components"
-import Post from "models/post"
-
-import "./index.less"
-
-export default class ExplorePosts extends React.Component {
-    state = {
-        focusedSearcher: false,
-        filledSearcher: false,
-    }
-
-
-    toggleFocusSearcher = (to) => {
-        to = to ?? !this.state.focusedSearcher
-
-        this.setState({
-            focusedSearcher: to
-        })
-    }
-
-    toggleState = (key, to) => {
-        to = to ?? !this.state[key]
-
-        this.setState({
-            [key]: to
-        })
-    }
-
-    render() {
-        return <div className="postsExplore">
-            <div className="postsExplore_header">
-                <Searcher
-                    autoFocus={false}
-                    onFocus={() => this.toggleState("focusedSearcher", true)}
-                    onUnfocus={() => this.toggleState("focusedSearcher", false)}
-                    onFilled={() => this.toggleState("filledSearcher", true)}
-                    onEmpty={() => this.toggleState("filledSearcher", false)}
-                />
-            </div>
-            {
-                this.state.focusedSearcher || this.state.filledSearcher ? null : <PostsList
-                    loadFromModel={Post.getExplorePosts}
-                    watchTimeline={[
-                        "post.new",
-                        "post.delete",
-                    ]}
-                />
-            }
-        </div>
-    }
-}
\ No newline at end of file
diff --git a/packages/app/src/pages/posts/components/feed/index.jsx b/packages/app/src/pages/posts/components/feed/index.jsx
index a64c3495..c7a6af38 100755
--- a/packages/app/src/pages/posts/components/feed/index.jsx
+++ b/packages/app/src/pages/posts/components/feed/index.jsx
@@ -13,7 +13,7 @@ const emptyListRender = () => {
         </h2>
 
         <p>
-            Search for new people to follow on <a onClick={() => app.setLocation("/home/explore")}>explore</a> tab, to start view their posts.
+            Search for new people to follow on <a onClick={() => app.setLocation("/?type=global")}>global</a> tab, and start view their posts.
         </p>
     </div>
 }
@@ -21,12 +21,14 @@ const emptyListRender = () => {
 export class Feed extends React.Component {
     render() {
         return <PostsList
+            ref={this.props.innerRef}
             emptyListRender={emptyListRender}
             loadFromModel={FeedModel.getPostsFeed}
             watchTimeline={[
                 "feed.new",
                 "post.delete",
             ]}
+            realtime
         />
     }
 }
diff --git a/packages/app/src/pages/posts/components/global/index.jsx b/packages/app/src/pages/posts/components/global/index.jsx
new file mode 100755
index 00000000..96cb925a
--- /dev/null
+++ b/packages/app/src/pages/posts/components/global/index.jsx
@@ -0,0 +1,22 @@
+import React from "react"
+
+import { PostsList } from "components"
+
+import Post from "models/post"
+
+import "./index.less"
+
+export default class ExplorePosts extends React.Component {
+    render() {
+        return <PostsList
+            loadFromModel={Post.getExplorePosts}
+            watchTimeline={[
+                "post.new",
+                "post.delete",
+                "feed.new",
+                "feed.delete",
+            ]}
+            realtime
+        />
+    }
+}
\ No newline at end of file
diff --git a/packages/app/src/pages/posts/components/explore/index.less b/packages/app/src/pages/posts/components/global/index.less
similarity index 87%
rename from packages/app/src/pages/posts/components/explore/index.less
rename to packages/app/src/pages/posts/components/global/index.less
index 07d5974d..9e54e2df 100755
--- a/packages/app/src/pages/posts/components/explore/index.less
+++ b/packages/app/src/pages/posts/components/global/index.less
@@ -1,5 +1,6 @@
 .postsExplore {
     width: 100%;
+    height: 100%;
 
     .postsExplore_header {
         font-size: 1.3rem;