remove unnecesary tabs

packages/app/src/pages/tv/components/explore/index.jsx

@@ -92,18 +92,7 @@ export default (props) => {
         loadStreamings()
     }, [])
 
-    return <div className="livestreamsBrowser">
+    return <div className="livestream_list">
-        <div className="header">
+        {renderList()}
-            <div className="title">
-                <h1>
-                    <Icons.Tv />
-                    <span>Livestreams</span>
-                </h1>
-            </div>
-        </div>
-
-        <div className="livestream_list">
-            {renderList()}
-        </div>
     </div>
 }

packages/app/src/pages/tv/components/explore/index.less

@@ -1,118 +1,89 @@
 @item_border_radius: 10px;
 
-.livestreamsBrowser {
+.livestream_list {
     display: flex;
     flex-direction: column;
 
     width: 100%;
 
-    .header {
+    padding: 0 50px;
-        display: inline-flex;
+
+    .livestream_item {
+        display: flex;
         flex-direction: row;
 
         align-items: center;
-        justify-content: space-between;
 
-        width: 100%;
+        background-color: var(--background-color-primary-2);
 
-        .panel {
+        border: 1px solid var(--border-color);
-            display: inline-flex;
-            flex-direction: row;
 
-            align-items: center;
+        padding: 10px;
+        margin-bottom: 20px;
+
+        border-radius: @item_border_radius;
+
+        cursor: pointer;
+        transition: all 0.2s ease-in-out;
+
+        &:hover {
+            background-color: var(--background-color-accent);
         }
 
-        .title {
+        .livestream_thumbnail {
-            svg {
+            width: 8vw;
-                font-size: 2.5rem;
+            height: 100%;
-            }
-        }
-
-        font-size: 2rem;
-    }
-
-    .livestream_list {
-        display: flex;
-        flex-direction: column;
-        padding: 0 50px;
-
-        .livestream_item {
-            display: flex;
-            flex-direction: row;
-
-            align-items: center;
-
-            background-color: var(--background-color-primary-2);
-
-            border: 1px solid var(--border-color);
-
-            padding: 10px;
-            margin-bottom: 20px;
-
-            border-radius: @item_border_radius;
-
-            cursor: pointer;
-            transition: all 0.2s ease-in-out;
-
-            &:hover {
-                background-color: var(--background-color-accent);
-            }
-
-            .livestream_thumbnail {
-                width: 8vw;
-                height: 100%;
-
-                img {
-                    width: 100%;
-                    height: 100%;
-                    border-radius: @item_border_radius;
-                }
-            }
-
-            .livestream_info {
-                position: relative;
 
+            img {
                 width: 100%;
+                height: 100%;
+                border-radius: @item_border_radius;
+            }
+        }
 
-                margin-left: 20px;
+        .livestream_info {
-                font-size: 1rem;
+            position: relative;
 
-                padding: 10px 0;
+            width: 100%;
 
+            margin-left: 20px;
+            font-size: 1rem;
+
+            padding: 10px 0;
+
+            color: var(--text-color);
+
+            .userPreview {
+                font-size: 1.5rem;
+            }
+
+            h1,
+            h2 {
+                margin: 0;
+                height: fit-content;
                 color: var(--text-color);
+            }
 
-                .userPreview {
+            .livestream_title {
-                    font-size: 1.5rem;
+                margin-top: 10px;
-                }
+                font-size: 1.5rem;
+                height: fit-content;
+                font-family: "Space Grotesk", sans-serif;
+            }
 
-                h1,
+            .livestream_description {
-                h2 {
+                font-size: 0.6rem;
-                    margin: 0;
+                font-weight: 400;
-                    height: fit-content;
+                height: fit-content;
-                    color: var(--text-color);
+            }
-                }
 
-                .livestream_title {
+            .livestream_category {
-                    margin-top: 10px;
+                position: absolute;
-                    font-size: 1.5rem;
-                    height: fit-content;
-                    font-family: "Space Grotesk", sans-serif;
-                }
 
-                .livestream_description {
+                top: 0;
-                    font-size: 0.6rem;
+                right: 0;
-                    font-weight: 400;
-                    height: fit-content;
-                }
 
-                .livestream_category {
+                padding: 10px;
-                    position: absolute;
-
-                    top: 0;
-                    right: 0;
-
-                    padding: 10px;
-                }
             }
         }
     }

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

@@ -1,18 +0,0 @@
-import React from "react"
-import { Result, Button } from "antd"
-
-import "./index.less"
-
-export default (props) => {
-    return <div className="livestreamsFeed">
-        <Result
-            status="404"
-            title="Not implemented"
-            subTitle={<>
-                <span>Sorry, this feature is not implemented yet</span>
-                <br />
-                <span>But you can explore all streamings in <a onClick={() => app.setLocation("/tv/explore")}>explore</a> tab</span>
-            </>}
-        />
-    </div>
-}

packages/app/src/pages/tv/components/feed/index.less

@@ -1 +0,0 @@
-.livestreamsFeed {}

packages/app/src/pages/tv/tabs.jsx

@@ -1,13 +1,7 @@
-import FeedTab from "./components/feed"
 import ExploreTab from "./components/explore"
 import ControlPanelTab from "./components/controlPanel"
 
 export default {
-    "feed": {
-        label: "Feed",
-        icon: "Rss",
-        component: FeedTab
-    },
     "explore": {
         label: "Explore",
         icon: "Search",