secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Only using NiceNumber for detail bulletpoints

Browse Source
This commit is contained in:
James Barnsley
2019-02-21 18:24:50 +13:00
parent c5b4757639
commit cc83a881f4
5 changed files with 2954 additions and 2263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/js/components/NiceNumber.js
View File

@ -16,9 +16,9 @@ export default class NiceNumber extends React.Component{
formatted = Math.round( formatted * 10 ) / 10;
formatted = formatted+'m';
// > 100 thousand
} else if (formatted > 100000){
formatted = formatted / 100000;
// > 1 thousand
} else if (formatted > 1000){
formatted = formatted / 1000;
formatted = Math.round( formatted * 10 ) / 10;
formatted = formatted+'k';
@ -30,10 +30,6 @@ export default class NiceNumber extends React.Component{
}
render(){
if (!this.props.value){
return null;
} else {
return <span className="counter">{this.format()}</span>;
}
return <span className="counter">{this.format()}</span>;
}
}

4
src/js/views/Artist.js
View File

@ -296,9 +296,9 @@ class Artist extends React.Component{
<div className="col col--w40 tiles artist-stats">
{thumbnails}
{artist.followers ? <div className="tile"><span className="content"><Icon type="fontawesome" name="users" /><NiceNumber value={artist.followers} /> followers</span></div> : null}
{artist.followers ? <div className="tile"><span className="content"><Icon type="fontawesome" name="users" />{artist.followers.toLocaleString()} followers</span></div> : null}
{artist.popularity ? <div className="tile"><span className="content"><Icon type="fontawesome" name="fire" />{artist.popularity }% popularity</span></div> : null}
{artist.listeners ? <div className="tile"><span className="content"><Icon type="fontawesome" name="headphones" /><NiceNumber value={artist.listeners} /> listeners</span></div> : null }
{artist.listeners ? <div className="tile"><span className="content"><Icon type="fontawesome" name="headphones" />{ artist.listeners.toLocaleString() } listeners</span></div> : null }
</div>
<div className="col col--w60 biography">