add server list connection to discord

This commit is contained in:
41666 2017-12-05 02:11:49 -06:00
parent 6840446cdf
commit 13cd3bd4a0
13 changed files with 138 additions and 34 deletions

View file

@ -5,14 +5,25 @@ import './ServerCard.css'
class ServerCard extends Component {
render () {
const { server } = this.props
return <NavLink className='server-list__item' activeClassName='active' to={`/s/${server.id}`}>
const { server: { server, id, gm, perms }, user } = this.props
let icon = ''
if (perms.canManageRoles) {
icon = <span title='Role Manager' uk-tooltip=''>🔰</span>
}
if (perms.isAdmin) {
icon = <span title='Server Admin' uk-tooltip=''>🔰</span>
}
return <NavLink className='server-list__item' activeClassName='active' to={`/s/${id}`}>
<div className='server-list__item__icon'>
<img src={`https://cdn.discordapp.com/icons/${server.id}/${server.icon}.png`} />
<img src={`https://cdn.discordapp.com/icons/${id}/${server.icon}.png`} />
</div>
<div className='server-list__item__info'>
<b>{server.name}</b><br />
<span>{server.name}</span>
<span style={{ color: gm.color }}>{ gm.nickname || user.username }</span> { icon }
</div>
</NavLink>
}