RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove streams page

Browse Source
This commit is contained in:
srgooglo 2022-09-08 19:05:28 +02:00
parent 45d646e609
commit a7f47ea059
2 changed files with 0 additions and 159 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
packages/app/src/pages/streams/index.jsx
View File

@ -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>
}
}

52
packages/app/src/pages/streams/index.less
View File

@ -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);
}
}
}