tlaternet/tlaternet-templates
Archived
1
0
Fork 0
Code Issues 4 Pull requests Releases Wiki Activity

Make the music indicator a proper button

Browse source
This commit is contained in:
Tristan Daniël Maat 2020-05-30 21:04:31 +01:00
parent 95211c672a
commit f1c2db00e1
Signed by: tlater
GPG key ID: 49670FD774E43268
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/music/components/indicator.tsx
View file

@ -23,8 +23,8 @@ class Indicator extends React.Component<Props, {}> {
render() { render() {
let classes = classNames({ let classes = classNames({
btn: true,
"col-auto": true, "col-auto": true,
"text-center": true,
fas: true, fas: true,
"fa-muted": this.props.muted, "fa-muted": this.props.muted,
"fa-play": this.props.playing, "fa-play": this.props.playing,
@ -32,11 +32,12 @@ class Indicator extends React.Component<Props, {}> {
}); });
return ( return (
<div <button
type="button"
id="playerIndicator" id="playerIndicator"
onClick={this.click.bind(this)} onClick={this.click.bind(this)}
className={classes} className={classes}
></div> ></button>
); );
} }
} }