Snapcast UI

This commit is contained in:
James Barnsley
2018-09-24 21:37:59 +12:00
parent 06f8ee9060
commit 69ce3d71a4
15 changed files with 11206 additions and 14352 deletions

View File

@ -60,7 +60,7 @@ class AddToPlaylist extends React.Component{
{
playlists.map(playlist => {
return (
<div className="list-item" key={playlist.uri} onClick={ () => this.playlistSelected(playlist.uri) }>
<div className="list__item" key={playlist.uri} onClick={ () => this.playlistSelected(playlist.uri) }>
<Thumbnail images={playlist.images} size="small" />
<h3 className="name">{ playlist.name }</h3>
<ul className="details">

View File

@ -188,7 +188,7 @@ class EditRadio extends React.Component{
{
seeds.map((seed,index) => {
return (
<div className="list-item" key={seed.uri}>
<div className="list__item" key={seed.uri}>
{seed.unresolved ? <span className="grey-text">{seed.uri}</span> : <span>{seed.name}</span> }
{!seed.unresolved ? <span className="grey-text">&nbsp;({seed.type})</span> : null}
<span className="button discrete remove-uri no-hover" onClick={e => this.removeSeed(seed.uri)}>

View File

@ -51,7 +51,7 @@ class ShareAuthorization_Send extends React.Component {
{
connections.map((connection, index) => {
return (
<div className='list-item connection' key={connection.connection_id} onClick={ e => this.handleClick(e, connection.connection_id) }>
<div className='list__item connection' key={connection.connection_id} onClick={ e => this.handleClick(e, connection.connection_id) }>
{ connection.username }
&nbsp;
<span className="grey-text">({ connection.ip })</span>