RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve error & exit handling on livestream viewer

Browse Source
This commit is contained in:
SrGooglo 2023-04-26 23:13:30 +00:00
parent 75cb2a811b
commit f1f5fa046b
1 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
packages/app/src/pages/live/[key].jsx
View File

@ -1,4 +1,3 @@
import React from "react"
import * as antd from "antd"
import classnames from "classnames"
@ -133,6 +132,10 @@ export default class StreamViewer extends React.Component {
}).catch((error) => {
console.error(error)
if (this.streamInfoInterval) {
this.streamInfoInterval = clearInterval(this.streamInfoInterval)
}
return null
})
@ -241,6 +244,8 @@ export default class StreamViewer extends React.Component {
this.exitPlayerAnimation()
this.toggleCinemaMode(false)
if (this.streamInfoInterval) {
clearInterval(this.streamInfoInterval)
}
@ -360,20 +365,22 @@ export default class StreamViewer extends React.Component {
</div>
</div>
<div className="livestream_player_header_info">
<div className="livestream_player_header_info_title">
<h1>{this.state.stream.info.title}</h1>
{
this.state.stream.info && <div className="livestream_player_header_info">
<div className="livestream_player_header_info_title">
<h1>{this.state.stream.info?.title}</h1>
</div>
<div className="livestream_player_header_info_description">
<Ticker
mode="smooth"
>
{({ index }) => {
return <h4>{this.state.stream.info?.description}</h4>
}}
</Ticker>
</div>
</div>
<div className="livestream_player_header_info_description">
<Ticker
mode="smooth"
>
{({ index }) => {
return <h4>{this.state.stream.info.description}</h4>
}}
</Ticker>
</div>
</div>
}
</>
: <antd.Skeleton active />
}