diff --git a/packages/app/src/pages/streams/index.jsx b/packages/app/src/pages/streams/index.jsx
deleted file mode 100644
index 9471fef9..00000000
--- a/packages/app/src/pages/streams/index.jsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from "react"
-import * as antd from "antd"
-import { Icons } from "components/Icons"
-import { ActionsBar } from "components"
-
-import "./index.less"
-
-export default class Streams extends React.Component {
-    state = {
-        list: [],
-    }
-
-    api = window.app.api.withEndpoints("main")
-
-    componentDidMount = async () => {
-        await this.updateStreamsList()
-    }
-
-    updateStreamsList = async () => {
-        let streams = await this.api.get.streams().catch(error => {
-            console.error(error)
-            antd.message.error(error)
-
-            return false
-        })
-
-        if (streams && Array.isArray(streams)) {
-            // resolve user_id with user basic data
-            streams = streams.map(async (stream) => {
-                const userData = await this.api.get.user(undefined, { _id: stream.user_id }).catch((error) => {
-                    console.error(error)
-                    antd.message.error(error)
-
-                    return false
-                })
-
-                if (userData) {
-                    stream.userData = userData
-                }
-
-                return stream
-            })
-
-            streams = await Promise.all(streams)
-        }
-
-        this.setState({ list: streams })
-    }
-
-    onClickItem = (item) => {
-        window.app.setLocation(`/live/${item}`)
-    }
-
-    renderListItem = (stream) => {
-        return <div
-            key={stream.id}
-            onClick={() => this.onClickItem(stream.username)}
-            className="streaming-item"
-        >
-            <div className="thumbnail">
-                <img src={stream.userData.avatar} alt={stream.userData.username} />
-            </div>
-            <div className="details">
-                <div className="title">
-                    <h1>@{stream.userData.username}</h1>
-                </div>
-                <div>
-                    <span> #{stream.id}</span>
-                </div>
-            </div>
-        </div>
-    }
-
-    render() {
-        return <div className="streams">
-            <ActionsBar mode="float">
-                <div>
-                    <antd.Button
-                        shape="round"
-                        icon={<Icons.RefreshCw style={{ margin: 0 }} />}
-                        onClick={this.updateStreamsList}
-                    />
-                </div>
-                <div>
-                    <antd.Button
-                        shape="round"
-                        icon={<Icons.Sliders />}
-                        onClick={() => window.app.setLocation("/streaming_control")}
-                    >
-                        Control Panel
-                    </antd.Button>
-                </div>
-            </ActionsBar>
-            {
-                this.state.list.length > 0 ?
-                    <div className="streams-list">
-                        {this.state.list.map(this.renderListItem)}
-                    </div> :
-                    <div className="streams-list">
-                        <div className="empty">
-                            <antd.Empty description="No streams found" />
-                        </div>
-                    </div>
-            }
-        </div>
-    }
-}
\ No newline at end of file
diff --git a/packages/app/src/pages/streams/index.less b/packages/app/src/pages/streams/index.less
deleted file mode 100644
index 7ec6150e..00000000
--- a/packages/app/src/pages/streams/index.less
+++ /dev/null
@@ -1,52 +0,0 @@
-.streams {
-    .streams-list {
-        display: flex;
-        flex-direction: column;
-
-        .streaming-item {
-            cursor: pointer;
-            display: flex;
-            flex-direction: row;
-
-            padding: 10px;
-            border-bottom: 1px solid #e6e6e6;
-
-            .thumbnail {
-                width: 15vw;
-                height: 100px;
-                background-size: cover;
-
-                img {
-                    border-radius: 8px;
-                    width: 100%;
-                    height: 100%;
-                }
-            }
-
-            .details {
-                display: flex;
-                flex-direction: column;
-
-                .title {
-                    display: inline-flex;
-                    align-items: center;
-
-                    h1 {
-                        font-size: 1.5em;
-                        font-weight: bold;
-                        margin-right: 10px;
-                        margin-bottom: 0;
-                    }
-
-                    span {
-                        font-size: 0.8em;
-                    }
-                }
-            }
-        }
-
-        .streaming-item:hover {
-            background-color: var(--background-color-accent);
-        }
-    }
-}
\ No newline at end of file