Icons in discover

This commit is contained in:
James Barnsley
2018-05-29 21:15:26 +12:00
parent ad8e831d82
commit 2451037a99
11 changed files with 228 additions and 156 deletions

View File

@ -312,7 +312,7 @@ class Discover extends React.Component{
{seed.images ? <URILink className="thumbnail-wrapper" type={type} uri={seed.uri}><Thumbnail images={seed.images} circle={seed.type == "artist"} size="small" /></URILink> : null}
<div className="label">
{helpers.titleCase(type)}
<Icon type="fontawesome" name="close" className="remove" onClick={() => this.removeSeed(index)} />
<Icon name="close" className="remove" onClick={() => this.removeSeed(index)} />
</div>
<div className="name">{seed.name}</div>
</div>
@ -369,7 +369,7 @@ class Discover extends React.Component{
<div className="label">
{helpers.titleCase(tunability.name)}
<span className="remove" onClick={e => this.toggleTunability(tunability.name)}>
<Icon type="fontawesome" name="close" />
<Icon name="close" />
</span>
</div>
<div className="input">
@ -519,7 +519,7 @@ class Discover extends React.Component{
<AddSeedField onSelect={(e,uri) => this.handleSelect(e,uri)} />
<DropdownField className="add-properties" name="Properties" options={addable_tunabilities} no_status_icon button="default" handleChange={val => {this.toggleTunability(val)}} />
<span className={"submit button primary large"+(is_loading ? " working" : "")} onClick={e => this.getRecommendations()}>
<Icon type="fontawesome" name="compass" />&nbsp;
<Icon name="explore" />&nbsp;
Find recommendations
</span>