From 892262dc3ef4a4101d2ec474b880133754ad7f65 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 29 Nov 2022 07:33:56 +0000
Subject: [PATCH] get tabs from component

---
 packages/app/src/pages/home/[type].jsx        | 28 +------------------
 packages/app/src/pages/home/[type].mobile.jsx | 28 +------------------
 packages/app/src/pages/home/tabs.jsx          | 27 ++++++++++++++++++
 packages/app/src/pages/tv/[type].jsx          | 22 +--------------
 packages/app/src/pages/tv/tabs.jsx            | 21 ++++++++++++++
 5 files changed, 51 insertions(+), 75 deletions(-)
 create mode 100644 packages/app/src/pages/home/tabs.jsx
 create mode 100644 packages/app/src/pages/tv/tabs.jsx

diff --git a/packages/app/src/pages/home/[type].jsx b/packages/app/src/pages/home/[type].jsx
index 11f568d5..2b3825b4 100755
--- a/packages/app/src/pages/home/[type].jsx
+++ b/packages/app/src/pages/home/[type].jsx
@@ -6,36 +6,10 @@ import { Icons, createIconRender } from "components/Icons"
 
 import { HashtagTrendings, FeaturedEventsAnnouncements, ConnectedFriends } from "components"
 
-import FeedTab from "./components/feed"
-import ExploreTab from "./components/explore"
-import TrendingsTab from "./components/trendings"
-import SavedPostsTab from "./components/savedPosts"
+import Tabs from "./tabs"
 
 import "./index.less"
 
-const Tabs = {
-    "feed": {
-        title: "Feed",
-        icon: "Rss",
-        component: FeedTab
-    },
-    "trendings": {
-        title: "Trendings",
-        icon: "TrendingUp",
-        component: TrendingsTab
-    },
-    "explore": {
-        title: "Explore",
-        icon: "Search",
-        component: ExploreTab
-    },
-    "savedPosts": {
-        title: "Saved posts",
-        icon: "Bookmark",
-        component: SavedPostsTab
-    }
-}
-
 export default class Dashboard extends React.Component {
     state = {
         activeTab: this.props.match.params.type ?? "feed"
diff --git a/packages/app/src/pages/home/[type].mobile.jsx b/packages/app/src/pages/home/[type].mobile.jsx
index a47e52be..6e8f5de2 100644
--- a/packages/app/src/pages/home/[type].mobile.jsx
+++ b/packages/app/src/pages/home/[type].mobile.jsx
@@ -2,36 +2,10 @@ import React from "react"
 import * as antd from "antd"
 import classnames from "classnames"
 
-import FeedTab from "./components/feed"
-import ExploreTab from "./components/explore"
-import TrendingsTab from "./components/trendings"
-import SavedPostsTab from "./components/savedPosts"
+import Tabs from "./tabs"
 
 import "./index.less"
 
-const Tabs = {
-    "feed": {
-        title: "Feed",
-        icon: "Rss",
-        component: FeedTab
-    },
-    "trendings": {
-        title: "Trendings",
-        icon: "TrendingUp",
-        component: TrendingsTab
-    },
-    "explore": {
-        title: "Explore",
-        icon: "Search",
-        component: ExploreTab
-    },
-    "savedPosts": {
-        title: "Saved posts",
-        icon: "Bookmark",
-        component: SavedPostsTab
-    }
-}
-
 export default class Dashboard extends React.Component {
     state = {
         activeTab: this.props.match.params.type ?? "feed"
diff --git a/packages/app/src/pages/home/tabs.jsx b/packages/app/src/pages/home/tabs.jsx
new file mode 100644
index 00000000..16b19096
--- /dev/null
+++ b/packages/app/src/pages/home/tabs.jsx
@@ -0,0 +1,27 @@
+import FeedTab from "./components/feed"
+import ExploreTab from "./components/explore"
+import TrendingsTab from "./components/trendings"
+import SavedPostsTab from "./components/savedPosts"
+
+export default {
+    "feed": {
+        title: "Feed",
+        icon: "Rss",
+        component: FeedTab
+    },
+    "explore": {
+        title: "Explore",
+        icon: "Search",
+        component: ExploreTab
+    },
+    "trendings": {
+        title: "Trendings",
+        icon: "TrendingUp",
+        component: TrendingsTab
+    },
+    "savedPosts": {
+        title: "Saved posts",
+        icon: "Bookmark",
+        component: SavedPostsTab
+    }
+}
\ No newline at end of file
diff --git a/packages/app/src/pages/tv/[type].jsx b/packages/app/src/pages/tv/[type].jsx
index 822a6f97..709efe9c 100644
--- a/packages/app/src/pages/tv/[type].jsx
+++ b/packages/app/src/pages/tv/[type].jsx
@@ -4,30 +4,10 @@ import classnames from "classnames"
 
 import { Icons, createIconRender } from "components/Icons"
 
-import FeedTab from "./components/feed"
-import ExploreTab from "./components/explore"
-import ControlPanelTab from "./components/controlPanel"
+import Tabs from "./tabs"
 
 import "./index.less"
 
-const Tabs = {
-    "feed": {
-        title: "Feed",
-        icon: "Rss",
-        component: FeedTab
-    },
-    "explore": {
-        title: "Explore",
-        icon: "Search",
-        component: ExploreTab
-    },
-    "controlPanel": {
-        title: "Control Panel",
-        icon: "Settings",
-        component: ControlPanelTab
-    }
-}
-
 export default class TVDashboard extends React.Component {
     state = {
         activeTab: this.props.match.params.type ?? "feed"
diff --git a/packages/app/src/pages/tv/tabs.jsx b/packages/app/src/pages/tv/tabs.jsx
new file mode 100644
index 00000000..9c2fb8d3
--- /dev/null
+++ b/packages/app/src/pages/tv/tabs.jsx
@@ -0,0 +1,21 @@
+import FeedTab from "./components/feed"
+import ExploreTab from "./components/explore"
+import ControlPanelTab from "./components/controlPanel"
+
+export default {
+    "feed": {
+        title: "Feed",
+        icon: "Rss",
+        component: FeedTab
+    },
+    "explore": {
+        title: "Explore",
+        icon: "Search",
+        component: ExploreTab
+    },
+    "controlPanel": {
+        title: "Control Panel",
+        icon: "Settings",
+        component: ControlPanelTab
+    }
+}
\ No newline at end of file