kalugin66/webtorrent-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix react unique keys

Browse Source
This commit is contained in:
Mathias Rasmussen
2018-09-27 01:29:11 +02:00
parent 0d8e9792ff
commit 4c715111c5
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/pages/torrent-list-page.js
View File

@@ -147,7 +147,7 @@ module.exports = class TorrentList extends React.Component {
} }
} }
return ( return (
<div style={styles.wrapper}> <div key='progress-bar' style={styles.wrapper}>
<LinearProgress style={styles.progress} mode='determinate' value={progress} /> <LinearProgress style={styles.progress} mode='determinate' value={progress} />
</div> </div>
) )
@@ -200,7 +200,7 @@ module.exports = class TorrentList extends React.Component {
const minutesStr = (hours || minutes) ? minutes + 'm' : '' const minutesStr = (hours || minutes) ? minutes + 'm' : ''
const secondsStr = seconds + 's' const secondsStr = seconds + 's'
return (<span>{hoursStr} {minutesStr} {secondsStr} remaining</span>) return (<span key='eta'>{hoursStr} {minutesStr} {secondsStr} remaining</span>)
} }
function renderTorrentStatus () { function renderTorrentStatus () {
@@ -370,16 +370,16 @@ module.exports = class TorrentList extends React.Component {
return ( return (
<div key='radial-progress' className={'radial-progress ' + cssClass}> <div key='radial-progress' className={'radial-progress ' + cssClass}>
<div key='circle' className='circle'> <div className='circle'>
<div key='mask-full' className='mask full' style={transformFill}> <div className='mask full' style={transformFill}>
<div key='fill' className='fill' style={transformFill} /> <div className='fill' style={transformFill} />
</div> </div>
<div key='mask-half' className='mask half'> <div className='mask half'>
<div key='fill' className='fill' style={transformFill} /> <div className='fill' style={transformFill} />
<div key='fill-fix' className='fill fix' style={transformFix} /> <div className='fill fix' style={transformFix} />
</div> </div>
</div> </div>
<div key='inset' className='inset' /> <div className='inset' />
</div> </div>
) )
} }