mirror of
https://github.com/captbaritone/webamp.git
synced 2026-01-24 02:36:00 +00:00
Upgrade eslint-plugin-react and self-close HTML tags (#184)
This commit is contained in:
parent
4311fb07c1
commit
015acbf635
6 changed files with 23 additions and 23 deletions
|
|
@ -21,11 +21,11 @@ class Actions extends React.Component {
|
|||
}
|
||||
render() {
|
||||
return <div className='actions'>
|
||||
<div id='previous'></div>
|
||||
<div id='play' onClick={this.play}></div>
|
||||
<div id='pause' onClick={this.pause}></div>
|
||||
<div id='stop' onClick={this.stop}></div>
|
||||
<div id='next'></div>
|
||||
<div id='previous' />
|
||||
<div id='play' onClick={this.play} />
|
||||
<div id='pause' onClick={this.pause} />
|
||||
<div id='stop' onClick={this.stop} />
|
||||
<div id='next' />
|
||||
</div>;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,16 +20,16 @@ class ClutterBar extends React.Component {
|
|||
|
||||
render() {
|
||||
return <div id='clutter-bar'>
|
||||
<div id='button-o'></div>
|
||||
<div id='button-a'></div>
|
||||
<div id='button-i'></div>
|
||||
<div id='button-o' />
|
||||
<div id='button-a' />
|
||||
<div id='button-i' />
|
||||
<div
|
||||
id='button-d'
|
||||
className={this.props.doubled ? 'selected' : ''}
|
||||
onMouseUp={this.handleMouseUpDouble}
|
||||
onMouseDown={this.handleMouseDownDouble}
|
||||
/>
|
||||
<div id='button-v'></div>
|
||||
<div id='button-v' />
|
||||
</div>;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -58,14 +58,14 @@ const MainWindow = (props) => {
|
|||
<div id='title-bar' className='selected title-bar'>
|
||||
<ContextMenu mediaPlayer={props.mediaPlayer} winamp={props.winamp} />
|
||||
<ShadeTime />
|
||||
<div id='minimize'></div>
|
||||
<div id='minimize' />
|
||||
<Shade />
|
||||
<Close />
|
||||
</div>
|
||||
<div className='status'>
|
||||
<ClutterBar />
|
||||
<div id='play-pause'></div>
|
||||
<div id='work-indicator' className={props.display.working ? 'selected' : ''}></div>
|
||||
<div id='play-pause' />
|
||||
<div id='work-indicator' className={props.display.working ? 'selected' : ''} />
|
||||
<Time />
|
||||
<Visualizer analyser={props.mediaPlayer._analyser}/>
|
||||
</div>
|
||||
|
|
@ -78,8 +78,8 @@ const MainWindow = (props) => {
|
|||
<Volume />
|
||||
<Balance />
|
||||
<div className='windows'>
|
||||
<div id='equalizer-button'></div>
|
||||
<div id='playlist-button'></div>
|
||||
<div id='equalizer-button' />
|
||||
<div id='playlist-button' />
|
||||
</div>
|
||||
<Position mediaPlayer={props.mediaPlayer} />
|
||||
<Actions mediaPlayer={props.mediaPlayer} />
|
||||
|
|
@ -88,7 +88,7 @@ const MainWindow = (props) => {
|
|||
<Shuffle />
|
||||
<Repeat />
|
||||
</div>
|
||||
<a id='about' target='blank' href='https://github.com/captbaritone/winamp2-js'></a>
|
||||
<a id='about' target='blank' href='https://github.com/captbaritone/winamp2-js' />
|
||||
</div>
|
||||
</DraggableWindow>
|
||||
</DragTarget>;
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@ import {connect} from 'react-redux';
|
|||
|
||||
const MonoStereo = (props) => {
|
||||
return <div className='mono-stereo'>
|
||||
<div id='stereo' className={props.channels === 2 ? 'selected' : ''}></div>
|
||||
<div id='mono' className={props.channels === 1 ? 'selected' : ''}></div>
|
||||
<div id='stereo' className={props.channels === 2 ? 'selected' : ''} />
|
||||
<div id='mono' className={props.channels === 1 ? 'selected' : ''} />
|
||||
</div>;
|
||||
};
|
||||
|
||||
|
|
|
|||
10
js/Time.jsx
10
js/Time.jsx
|
|
@ -18,11 +18,11 @@ class Time extends React.Component {
|
|||
|
||||
const timeObj = getTimeObj(seconds);
|
||||
return <div id='time' onClick={this.toggleTimeMode} className='countdown'>
|
||||
{this.props.timeMode === 'REMAINING' && <div id='minus-sign'></div>}
|
||||
<div id='minute-first-digit' className={`digit digit-${timeObj.minutesFirstDigit}`}></div>
|
||||
<div id='minute-second-digit' className={`digit digit-${timeObj.minutesSecondDigit}`}></div>
|
||||
<div id='second-first-digit' className={`digit digit-${timeObj.secondsFirstDigit}`}></div>
|
||||
<div id='second-second-digit' className={`digit digit-${timeObj.secondsSecondDigit}`}></div>
|
||||
{this.props.timeMode === 'REMAINING' && <div id='minus-sign' />}
|
||||
<div id='minute-first-digit' className={`digit digit-${timeObj.minutesFirstDigit}`} />
|
||||
<div id='minute-second-digit' className={`digit digit-${timeObj.minutesSecondDigit}`} />
|
||||
<div id='second-first-digit' className={`digit digit-${timeObj.secondsFirstDigit}`} />
|
||||
<div id='second-second-digit' className={`digit digit-${timeObj.secondsSecondDigit}`} />
|
||||
</div>;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
"babel-preset-react": "^6.11.1",
|
||||
"css-loader": "^0.23.1",
|
||||
"eslint": "3.2.2",
|
||||
"eslint-plugin-react": "^5.2.2",
|
||||
"eslint-plugin-react": "^6.0.0",
|
||||
"file-loader": "^0.9.0",
|
||||
"gzip-size-cli": "^1.0.0",
|
||||
"jest-cli": "^14.0.0",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue