treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix new audio player when under content warnings

lolsob-rspec
Thibaut Girka 2020-08-11 21:01:37 +02:00 committed by ThibG
parent aa1058acdd
commit a3cbe8181e
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/flavours/glitch/features/audio/index.js
View File

@ -68,11 +68,13 @@ class Audio extends React.PureComponent {
const width = this.player.offsetWidth; const width = this.player.offsetWidth;
const height = this.props.fullscreen ? this.player.offsetHeight : (width / (16/9)); const height = this.props.fullscreen ? this.player.offsetHeight : (width / (16/9));
if (this.props.cacheWidth) { if (width && width != this.state.containerWidth) {
this.props.cacheWidth(width); if (this.props.cacheWidth) {
} this.props.cacheWidth(width);
}
this.setState({ width, height }); this.setState({ width, height });
}
} }
setSeekRef = c => { setSeekRef = c => {
@ -102,6 +104,10 @@ class Audio extends React.PureComponent {
} }
componentDidUpdate (prevProps, prevState) { componentDidUpdate (prevProps, prevState) {
if (this.player) {
this._setDimensions();
}
if (prevProps.src !== this.props.src || this.state.width !== prevState.width || this.state.height !== prevState.height || prevProps.accentColor !== this.props.accentColor) { if (prevProps.src !== this.props.src || this.state.width !== prevState.width || this.state.height !== prevState.height || prevProps.accentColor !== this.props.accentColor) {
this._clear(); this._clear();
this._draw(); this._draw();