roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 10:19:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

first sync

Browse source
This commit is contained in:
41666 2017-12-04 21:25:13 -06:00
parent 5d6f382c8a
commit a4acc441ea
52 changed files with 28315 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
UI/src/components/servers/Navigation.js Normal file
View file

@ -0,0 +1,19 @@
import React, { Component, Fragment } from 'react'
import Radium from 'radium'
import serverStyles, { navigation as styles } from './styles'
import ServerCard from './ServerCard'
import UserCard from './UserCard'
class ServersNavigation extends Component {
render () {
return <Fragment>
<UserCard user={this.props.user} />
<div className={this.props.className}>
{ this.props.servers.map((s, i) => <ServerCard server={s} key={i} />) }
</div>
</Fragment>
}
}
export default Radium(ServersNavigation)

43
UI/src/components/servers/ServerCard.css Normal file
View file

@ -0,0 +1,43 @@
.server-list__item {
display: flex;
border-bottom: 1px solid var(--c-3);
padding: 25px 15px;
padding-right: 0;
}
a.server-list__item {
color: var(--c-white);
text-decoration: none;
}
a.server-list__item.active {
cursor: default
}
.server-list__item.active {
background-color: var(--c-3);
}
.server-list__item:hover:not(.active) {
background-color: rgba(0,0,0,0.25) !important;
cursor: pointer;
}
.server-list__item:last-of-type {
border: 0
}
.server-list__item:nth-of-type(even):not(.active) {
background-color: rgba(0,0,0,0.1);
}
.server-list__item__icon img {
border-radius: 100%;
width: 50px;
height: 50px;
border: 2px solid transparent;
}
.server-list__item__info {
padding: 0 10px
}

21
UI/src/components/servers/ServerCard.js Normal file
View file

@ -0,0 +1,21 @@
import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import Radium from 'radium'
import './ServerCard.css'
class ServerCard extends Component {
render () {
const { server } = this.props
return <NavLink className='server-list__item' activeClassName='active' to={`/s/${server.id}`}>
<div className='server-list__item__icon'>
<img src={`https://cdn.discordapp.com/icons/${server.id}/${server.icon}.png`} />
</div>
<div className='server-list__item__info'>
<b>{server.name}</b><br />
<span>{server.name}</span>
</div>
</NavLink>
}
}
export default Radium(ServerCard)

45
UI/src/components/servers/UserCard.css Normal file
View file

@ -0,0 +1,45 @@
.user-card {
position: relative;
display: flex;
background-color: rgba(0,0,0,0.3);
border-bottom: 1px solid var(--c-3);
padding: 25px 15px;
grid-area: user;
}
.user-card__icon img {
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #5fc66d;
}
.user-card__info {
padding: 0 10px;
line-height: 50px
}
.user-card__info__discrim {
font-weight: 100;
font-size: 0.7rem;
color: var(--c-7);
}
.user-card__info__name {
/* font-size */
/* font-weight: ; */
}
.user-card__actions {
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.user-card__actions polygon {
fill: var(--c-7);
}

31
UI/src/components/servers/UserCard.js Normal file
View file

@ -0,0 +1,31 @@
import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import Radium from 'radium'
import './UserCard.css'
class UserCard extends Component {
render () {
const { user } = this.props
return <div className='user-card'>
<div className='user-card__icon'>
<img src={`https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png`} />
</div>
<div className='user-card__info'>
<span className='user-card__info__name'>{user.username}</span><span className='user-card__info__discrim'>#{user.discriminator}</span>
</div>
<div className='user-card__actions'>
<ul className='uk-iconnav uk-iconnav-vertical'>
<li><NavLink uk-tooltip='' title='Sign out' uk-icon='icon: sign-out' to='/auth/signout' activeClassName='uk-active' /></li>
{
(this.props.user.isRoot === true)
? <li><NavLink uk-tooltip='' title='Root' uk-icon='icon: bolt' to='/root/' activeClassName='uk-active' /></li>
: null
}
</ul>
</div>
</div>
}
}
export default Radium(UserCard)

20
UI/src/components/servers/index.css Normal file
View file

@ -0,0 +1,20 @@
.servers {
display: grid;
grid-template-rows: 100px calc(100vh - 75px);
grid-template-columns: 300px 1fr;
grid-template-areas: "user content"
"listing content";
}
.servers__nav {
grid-area: listing;
overflow-y: scroll;
height: calc(100vh - 175px);
}
.servers__content {
grid-area: content;
background-color: var(--c-3);
padding: 15px;
overflow-y: scroll;
}

20
UI/src/components/servers/index.js Normal file
View file

@ -0,0 +1,20 @@
import React, { Component } from 'react'
import Radium from 'radium'
import './index.css'
import Navigation from './Navigation'
import mockData from './mockData'
class Servers extends Component {
render () {
return <div className="servers">
<Navigation className="servers__nav" servers={mockData.servers} user={mockData.user} />
<div className="servers__content">
{/* another router probably. */}
</div>
</div>
}
}
export default Radium(Servers)

13
UI/src/components/servers/mockData.js Normal file
View file

@ -0,0 +1,13 @@
export default {
servers: [
{'id': '318647068782755840', 'name': 'jumpystick / かちい', 'ownerId': '62601275618889728', 'icon': 'f729111314c86f09ec7b421455dde383', 'splash': null, 'features': [], 'roles': {'318647823845425162': {'position': 14, 'permissions': 2146954495, 'name': 'nee-chan', 'mentionable': false, 'managed': false, 'id': '318647823845425162', 'hoist': true, 'color': 16371117, 'originalPosition': 14, 'colorString': '#f9cdad'}, '318648103152648202': {'position': 13, 'permissions': 536341575, 'name': 'mods', 'mentionable': true, 'managed': false, 'id': '318648103152648202', 'hoist': true, 'color': 8630171, 'originalPosition': 13, 'colorString': '#83af9b'}, '318649514745397248': {'position': 12, 'permissions': 372632641, 'name': 'botty mcbotface', 'mentionable': false, 'managed': false, 'id': '318649514745397248', 'hoist': false, 'color': 8630171, 'originalPosition': 12, 'colorString': '#83af9b'}, '329358102975741955': {'position': 11, 'permissions': 104188993, 'name': 'cute person 🎀', 'mentionable': false, 'managed': false, 'id': '329358102975741955', 'hoist': false, 'color': 15844367, 'originalPosition': 11, 'colorString': '#f1c40f'}, '343121679150743555': {'position': 10, 'permissions': 268697665, 'name': 'Patreon', 'mentionable': false, 'managed': true, 'id': '343121679150743555', 'hoist': false, 'color': 0, 'originalPosition': 10, 'colorString': null}, '343121980477800458': {'position': 9, 'permissions': 104188993, 'name': 'patreon supporter', 'mentionable': false, 'managed': false, 'id': '343121980477800458', 'hoist': true, 'color': 16555418, 'originalPosition': 9, 'colorString': '#fc9d9a'}, '330588237670121472': {'position': 8, 'permissions': 104188993, 'name': 'subscriber', 'mentionable': false, 'managed': true, 'id': '330588237670121472', 'hoist': true, 'color': 16663397, 'originalPosition': 8, 'colorString': '#fe4365'}, '344565996411027456': {'position': 7, 'permissions': 104188993, 'name': 'ninja sub', 'mentionable': false, 'managed': false, 'id': '344565996411027456', 'hoist': false, 'color': 16663397, 'originalPosition': 7, 'colorString': '#fe4365'}, '318648703311151104': {'position': 6, 'permissions': 104320065, 'name': 'community member', 'mentionable': false, 'managed': false, 'id': '318648703311151104', 'hoist': false, 'color': 9807270, 'originalPosition': 6, 'colorString': '#95a5a6'}, '318652392142929920': {'position': 5, 'permissions': 519232, 'name': 'MuxyBot', 'mentionable': false, 'managed': true, 'id': '318652392142929920', 'hoist': false, 'color': 0, 'originalPosition': 5, 'colorString': null}, '318850773918285824': {'position': 4, 'permissions': 67437569, 'name': 'muted', 'mentionable': false, 'managed': false, 'id': '318850773918285824', 'hoist': false, 'color': 6323595, 'originalPosition': 4, 'colorString': '#607d8b'}, '346731968873889803': {'position': 3, 'permissions': 12921935, 'name': 'Tatsumaki', 'mentionable': false, 'managed': true, 'id': '346731968873889803', 'hoist': false, 'color': 0, 'originalPosition': 3, 'colorString': null}, '360585645405503488': {'position': 2, 'permissions': 104188993, 'name': 'バーバーバカ　お兄ちゃん！', 'mentionable': false, 'managed': false, 'id': '360585645405503488', 'hoist': false, 'color': 10378846, 'originalPosition': 2, 'colorString': '#9e5e5e'}, '383433060747575296': {'position': 1, 'permissions': 104188993, 'name': 'heart of pure gold 🧡', 'mentionable': false, 'managed': false, 'id': '383433060747575296', 'hoist': false, 'color': 12429145, 'originalPosition': 1, 'colorString': '#bda759'}, '318647068782755840': {'position': 0, 'permissions': 104188993, 'name': '@everyone', 'mentionable': false, 'managed': false, 'id': '318647068782755840', 'hoist': false, 'color': 0, 'originalPosition': 0, 'colorString': null}}, 'afkChannelId': null, 'afkTimeout': 300, 'systemChannelId': null, 'verificationLevel': 2, 'region': 'us-south', 'joinedAt': '2017-05-29T07:09:41.428Z', 'large': true, 'defaultMessageNotifications': 1, 'mfaLevel': 0, 'application_id': null, 'explicitContentFilter': 2},
{'id': '318647068782755840', 'name': 'jumpystick / かちい', 'ownerId': '62601275618889728', 'icon': 'f729111314c86f09ec7b421455dde383', 'splash': null, 'features': [], 'roles': {'318647823845425162': {'position': 14, 'permissions': 2146954495, 'name': 'nee-chan', 'mentionable': false, 'managed': false, 'id': '318647823845425162', 'hoist': true, 'color': 16371117, 'originalPosition': 14, 'colorString': '#f9cdad'}, '318648103152648202': {'position': 13, 'permissions': 536341575, 'name': 'mods', 'mentionable': true, 'managed': false, 'id': '318648103152648202', 'hoist': true, 'color': 8630171, 'originalPosition': 13, 'colorString': '#83af9b'}, '318649514745397248': {'position': 12, 'permissions': 372632641, 'name': 'botty mcbotface', 'mentionable': false, 'managed': false, 'id': '318649514745397248', 'hoist': false, 'color': 8630171, 'originalPosition': 12, 'colorString': '#83af9b'}, '329358102975741955': {'position': 11, 'permissions': 104188993, 'name': 'cute person 🎀', 'mentionable': false, 'managed': false, 'id': '329358102975741955', 'hoist': false, 'color': 15844367, 'originalPosition': 11, 'colorString': '#f1c40f'}, '343121679150743555': {'position': 10, 'permissions': 268697665, 'name': 'Patreon', 'mentionable': false, 'managed': true, 'id': '343121679150743555', 'hoist': false, 'color': 0, 'originalPosition': 10, 'colorString': null}, '343121980477800458': {'position': 9, 'permissions': 104188993, 'name': 'patreon supporter', 'mentionable': false, 'managed': false, 'id': '343121980477800458', 'hoist': true, 'color': 16555418, 'originalPosition': 9, 'colorString': '#fc9d9a'}, '330588237670121472': {'position': 8, 'permissions': 104188993, 'name': 'subscriber', 'mentionable': false, 'managed': true, 'id': '330588237670121472', 'hoist': true, 'color': 16663397, 'originalPosition': 8, 'colorString': '#fe4365'}, '344565996411027456': {'position': 7, 'permissions': 104188993, 'name': 'ninja sub', 'mentionable': false, 'managed': false, 'id': '344565996411027456', 'hoist': false, 'color': 16663397, 'originalPosition': 7, 'colorString': '#fe4365'}, '318648703311151104': {'position': 6, 'permissions': 104320065, 'name': 'community member', 'mentionable': false, 'managed': false, 'id': '318648703311151104', 'hoist': false, 'color': 9807270, 'originalPosition': 6, 'colorString': '#95a5a6'}, '318652392142929920': {'position': 5, 'permissions': 519232, 'name': 'MuxyBot', 'mentionable': false, 'managed': true, 'id': '318652392142929920', 'hoist': false, 'color': 0, 'originalPosition': 5, 'colorString': null}, '318850773918285824': {'position': 4, 'permissions': 67437569, 'name': 'muted', 'mentionable': false, 'managed': false, 'id': '318850773918285824', 'hoist': false, 'color': 6323595, 'originalPosition': 4, 'colorString': '#607d8b'}, '346731968873889803': {'position': 3, 'permissions': 12921935, 'name': 'Tatsumaki', 'mentionable': false, 'managed': true, 'id': '346731968873889803', 'hoist': false, 'color': 0, 'originalPosition': 3, 'colorString': null}, '360585645405503488': {'position': 2, 'permissions': 104188993, 'name': 'バーバーバカ　お兄ちゃん！', 'mentionable': false, 'managed': false, 'id': '360585645405503488', 'hoist': false, 'color': 10378846, 'originalPosition': 2, 'colorString': '#9e5e5e'}, '383433060747575296': {'position': 1, 'permissions': 104188993, 'name': 'heart of pure gold 🧡', 'mentionable': false, 'managed': false, 'id': '383433060747575296', 'hoist': false, 'color': 12429145, 'originalPosition': 1, 'colorString': '#bda759'}, '318647068782755840': {'position': 0, 'permissions': 104188993, 'name': '@everyone', 'mentionable': false, 'managed': false, 'id': '318647068782755840', 'hoist': false, 'color': 0, 'originalPosition': 0, 'colorString': null}}, 'afkChannelId': null, 'afkTimeout': 300, 'systemChannelId': null, 'verificationLevel': 2, 'region': 'us-south', 'joinedAt': '2017-05-29T07:09:41.428Z', 'large': true, 'defaultMessageNotifications': 1, 'mfaLevel': 0, 'application_id': null, 'explicitContentFilter': 2},
{'id': '318647068782755840', 'name': 'jumpystick / かちい', 'ownerId': '62601275618889728', 'icon': 'f729111314c86f09ec7b421455dde383', 'splash': null, 'features': [], 'roles': {'318647823845425162': {'position': 14, 'permissions': 2146954495, 'name': 'nee-chan', 'mentionable': false, 'managed': false, 'id': '318647823845425162', 'hoist': true, 'color': 16371117, 'originalPosition': 14, 'colorString': '#f9cdad'}, '318648103152648202': {'position': 13, 'permissions': 536341575, 'name': 'mods', 'mentionable': true, 'managed': false, 'id': '318648103152648202', 'hoist': true, 'color': 8630171, 'originalPosition': 13, 'colorString': '#83af9b'}, '318649514745397248': {'position': 12, 'permissions': 372632641, 'name': 'botty mcbotface', 'mentionable': false, 'managed': false, 'id': '318649514745397248', 'hoist': false, 'color': 8630171, 'originalPosition': 12, 'colorString': '#83af9b'}, '329358102975741955': {'position': 11, 'permissions': 104188993, 'name': 'cute person 🎀', 'mentionable': false, 'managed': false, 'id': '329358102975741955', 'hoist': false, 'color': 15844367, 'originalPosition': 11, 'colorString': '#f1c40f'}, '343121679150743555': {'position': 10, 'permissions': 268697665, 'name': 'Patreon', 'mentionable': false, 'managed': true, 'id': '343121679150743555', 'hoist': false, 'color': 0, 'originalPosition': 10, 'colorString': null}, '343121980477800458': {'position': 9, 'permissions': 104188993, 'name': 'patreon supporter', 'mentionable': false, 'managed': false, 'id': '343121980477800458', 'hoist': true, 'color': 16555418, 'originalPosition': 9, 'colorString': '#fc9d9a'}, '330588237670121472': {'position': 8, 'permissions': 104188993, 'name': 'subscriber', 'mentionable': false, 'managed': true, 'id': '330588237670121472', 'hoist': true, 'color': 16663397, 'originalPosition': 8, 'colorString': '#fe4365'}, '344565996411027456': {'position': 7, 'permissions': 104188993, 'name': 'ninja sub', 'mentionable': false, 'managed': false, 'id': '344565996411027456', 'hoist': false, 'color': 16663397, 'originalPosition': 7, 'colorString': '#fe4365'}, '318648703311151104': {'position': 6, 'permissions': 104320065, 'name': 'community member', 'mentionable': false, 'managed': false, 'id': '318648703311151104', 'hoist': false, 'color': 9807270, 'originalPosition': 6, 'colorString': '#95a5a6'}, '318652392142929920': {'position': 5, 'permissions': 519232, 'name': 'MuxyBot', 'mentionable': false, 'managed': true, 'id': '318652392142929920', 'hoist': false, 'color': 0, 'originalPosition': 5, 'colorString': null}, '318850773918285824': {'position': 4, 'permissions': 67437569, 'name': 'muted', 'mentionable': false, 'managed': false, 'id': '318850773918285824', 'hoist': false, 'color': 6323595, 'originalPosition': 4, 'colorString': '#607d8b'}, '346731968873889803': {'position': 3, 'permissions': 12921935, 'name': 'Tatsumaki', 'mentionable': false, 'managed': true, 'id': '346731968873889803', 'hoist': false, 'color': 0, 'originalPosition': 3, 'colorString': null}, '360585645405503488': {'position': 2, 'permissions': 104188993, 'name': 'バーバーバカ　お兄ちゃん！', 'mentionable': false, 'managed': false, 'id': '360585645405503488', 'hoist': false, 'color': 10378846, 'originalPosition': 2, 'colorString': '#9e5e5e'}, '383433060747575296': {'position': 1, 'permissions': 104188993, 'name': 'heart of pure gold 🧡', 'mentionable': false, 'managed': false, 'id': '383433060747575296', 'hoist': false, 'color': 12429145, 'originalPosition': 1, 'colorString': '#bda759'}, '318647068782755840': {'position': 0, 'permissions': 104188993, 'name': '@everyone', 'mentionable': false, 'managed': false, 'id': '318647068782755840', 'hoist': false, 'color': 0, 'originalPosition': 0, 'colorString': null}}, 'afkChannelId': null, 'afkTimeout': 300, 'systemChannelId': null, 'verificationLevel': 2, 'region': 'us-south', 'joinedAt': '2017-05-29T07:09:41.428Z', 'large': true, 'defaultMessageNotifications': 1, 'mfaLevel': 0, 'application_id': null, 'explicitContentFilter': 2},
{'id': '318647068782755840', 'name': 'jumpystick / かちい', 'ownerId': '62601275618889728', 'icon': 'f729111314c86f09ec7b421455dde383', 'splash': null, 'features': [], 'roles': {'318647823845425162': {'position': 14, 'permissions': 2146954495, 'name': 'nee-chan', 'mentionable': false, 'managed': false, 'id': '318647823845425162', 'hoist': true, 'color': 16371117, 'originalPosition': 14, 'colorString': '#f9cdad'}, '318648103152648202': {'position': 13, 'permissions': 536341575, 'name': 'mods', 'mentionable': true, 'managed': false, 'id': '318648103152648202', 'hoist': true, 'color': 8630171, 'originalPosition': 13, 'colorString': '#83af9b'}, '318649514745397248': {'position': 12, 'permissions': 372632641, 'name': 'botty mcbotface', 'mentionable': false, 'managed': false, 'id': '318649514745397248', 'hoist': false, 'color': 8630171, 'originalPosition': 12, 'colorString': '#83af9b'}, '329358102975741955': {'position': 11, 'permissions': 104188993, 'name': 'cute person 🎀', 'mentionable': false, 'managed': false, 'id': '329358102975741955', 'hoist': false, 'color': 15844367, 'originalPosition': 11, 'colorString': '#f1c40f'}, '343121679150743555': {'position': 10, 'permissions': 268697665, 'name': 'Patreon', 'mentionable': false, 'managed': true, 'id': '343121679150743555', 'hoist': false, 'color': 0, 'originalPosition': 10, 'colorString': null}, '343121980477800458': {'position': 9, 'permissions': 104188993, 'name': 'patreon supporter', 'mentionable': false, 'managed': false, 'id': '343121980477800458', 'hoist': true, 'color': 16555418, 'originalPosition': 9, 'colorString': '#fc9d9a'}, '330588237670121472': {'position': 8, 'permissions': 104188993, 'name': 'subscriber', 'mentionable': false, 'managed': true, 'id': '330588237670121472', 'hoist': true, 'color': 16663397, 'originalPosition': 8, 'colorString': '#fe4365'}, '344565996411027456': {'position': 7, 'permissions': 104188993, 'name': 'ninja sub', 'mentionable': false, 'managed': false, 'id': '344565996411027456', 'hoist': false, 'color': 16663397, 'originalPosition': 7, 'colorString': '#fe4365'}, '318648703311151104': {'position': 6, 'permissions': 104320065, 'name': 'community member', 'mentionable': false, 'managed': false, 'id': '318648703311151104', 'hoist': false, 'color': 9807270, 'originalPosition': 6, 'colorString': '#95a5a6'}, '318652392142929920': {'position': 5, 'permissions': 519232, 'name': 'MuxyBot', 'mentionable': false, 'managed': true, 'id': '318652392142929920', 'hoist': false, 'color': 0, 'originalPosition': 5, 'colorString': null}, '318850773918285824': {'position': 4, 'permissions': 67437569, 'name': 'muted', 'mentionable': false, 'managed': false, 'id': '318850773918285824', 'hoist': false, 'color': 6323595, 'originalPosition': 4, 'colorString': '#607d8b'}, '346731968873889803': {'position': 3, 'permissions': 12921935, 'name': 'Tatsumaki', 'mentionable': false, 'managed': true, 'id': '346731968873889803', 'hoist': false, 'color': 0, 'originalPosition': 3, 'colorString': null}, '360585645405503488': {'position': 2, 'permissions': 104188993, 'name': 'バーバーバカ　お兄ちゃん！', 'mentionable': false, 'managed': false, 'id': '360585645405503488', 'hoist': false, 'color': 10378846, 'originalPosition': 2, 'colorString': '#9e5e5e'}, '383433060747575296': {'position': 1, 'permissions': 104188993, 'name': 'heart of pure gold 🧡', 'mentionable': false, 'managed': false, 'id': '383433060747575296', 'hoist': false, 'color': 12429145, 'originalPosition': 1, 'colorString': '#bda759'}, '318647068782755840': {'position': 0, 'permissions': 104188993, 'name': '@everyone', 'mentionable': false, 'managed': false, 'id': '318647068782755840', 'hoist': false, 'color': 0, 'originalPosition': 0, 'colorString': null}}, 'afkChannelId': null, 'afkTimeout': 300, 'systemChannelId': null, 'verificationLevel': 2, 'region': 'us-south', 'joinedAt': '2017-05-29T07:09:41.428Z', 'large': true, 'defaultMessageNotifications': 1, 'mfaLevel': 0, 'application_id': null, 'explicitContentFilter': 2},
{'id': '318647068782755840', 'name': 'jumpystick / かちい', 'ownerId': '62601275618889728', 'icon': 'f729111314c86f09ec7b421455dde383', 'splash': null, 'features': [], 'roles': {'318647823845425162': {'position': 14, 'permissions': 2146954495, 'name': 'nee-chan', 'mentionable': false, 'managed': false, 'id': '318647823845425162', 'hoist': true, 'color': 16371117, 'originalPosition': 14, 'colorString': '#f9cdad'}, '318648103152648202': {'position': 13, 'permissions': 536341575, 'name': 'mods', 'mentionable': true, 'managed': false, 'id': '318648103152648202', 'hoist': true, 'color': 8630171, 'originalPosition': 13, 'colorString': '#83af9b'}, '318649514745397248': {'position': 12, 'permissions': 372632641, 'name': 'botty mcbotface', 'mentionable': false, 'managed': false, 'id': '318649514745397248', 'hoist': false, 'color': 8630171, 'originalPosition': 12, 'colorString': '#83af9b'}, '329358102975741955': {'position': 11, 'permissions': 104188993, 'name': 'cute person 🎀', 'mentionable': false, 'managed': false, 'id': '329358102975741955', 'hoist': false, 'color': 15844367, 'originalPosition': 11, 'colorString': '#f1c40f'}, '343121679150743555': {'position': 10, 'permissions': 268697665, 'name': 'Patreon', 'mentionable': false, 'managed': true, 'id': '343121679150743555', 'hoist': false, 'color': 0, 'originalPosition': 10, 'colorString': null}, '343121980477800458': {'position': 9, 'permissions': 104188993, 'name': 'patreon supporter', 'mentionable': false, 'managed': false, 'id': '343121980477800458', 'hoist': true, 'color': 16555418, 'originalPosition': 9, 'colorString': '#fc9d9a'}, '330588237670121472': {'position': 8, 'permissions': 104188993, 'name': 'subscriber', 'mentionable': false, 'managed': true, 'id': '330588237670121472', 'hoist': true, 'color': 16663397, 'originalPosition': 8, 'colorString': '#fe4365'}, '344565996411027456': {'position': 7, 'permissions': 104188993, 'name': 'ninja sub', 'mentionable': false, 'managed': false, 'id': '344565996411027456', 'hoist': false, 'color': 16663397, 'originalPosition': 7, 'colorString': '#fe4365'}, '318648703311151104': {'position': 6, 'permissions': 104320065, 'name': 'community member', 'mentionable': false, 'managed': false, 'id': '318648703311151104', 'hoist': false, 'color': 9807270, 'originalPosition': 6, 'colorString': '#95a5a6'}, '318652392142929920': {'position': 5, 'permissions': 519232, 'name': 'MuxyBot', 'mentionable': false, 'managed': true, 'id': '318652392142929920', 'hoist': false, 'color': 0, 'originalPosition': 5, 'colorString': null}, '318850773918285824': {'position': 4, 'permissions': 67437569, 'name': 'muted', 'mentionable': false, 'managed': false, 'id': '318850773918285824', 'hoist': false, 'color': 6323595, 'originalPosition': 4, 'colorString': '#607d8b'}, '346731968873889803': {'position': 3, 'permissions': 12921935, 'name': 'Tatsumaki', 'mentionable': false, 'managed': true, 'id': '346731968873889803', 'hoist': false, 'color': 0, 'originalPosition': 3, 'colorString': null}, '360585645405503488': {'position': 2, 'permissions': 104188993, 'name': 'バーバーバカ　お兄ちゃん！', 'mentionable': false, 'managed': false, 'id': '360585645405503488', 'hoist': false, 'color': 10378846, 'originalPosition': 2, 'colorString': '#9e5e5e'}, '383433060747575296': {'position': 1, 'permissions': 104188993, 'name': 'heart of pure gold 🧡', 'mentionable': false, 'managed': false, 'id': '383433060747575296', 'hoist': false, 'color': 12429145, 'originalPosition': 1, 'colorString': '#bda759'}, '318647068782755840': {'position': 0, 'permissions': 104188993, 'name': '@everyone', 'mentionable': false, 'managed': false, 'id': '318647068782755840', 'hoist': false, 'color': 0, 'originalPosition': 0, 'colorString': null}}, 'afkChannelId': null, 'afkTimeout': 300, 'systemChannelId': null, 'verificationLevel': 2, 'region': 'us-south', 'joinedAt': '2017-05-29T07:09:41.428Z', 'large': true, 'defaultMessageNotifications': 1, 'mfaLevel': 0, 'application_id': null, 'explicitContentFilter': 2},
{'id': '318647068782755840', 'name': 'jumpystick / かちい', 'ownerId': '62601275618889728', 'icon': 'f729111314c86f09ec7b421455dde383', 'splash': null, 'features': [], 'roles': {'318647823845425162': {'position': 14, 'permissions': 2146954495, 'name': 'nee-chan', 'mentionable': false, 'managed': false, 'id': '318647823845425162', 'hoist': true, 'color': 16371117, 'originalPosition': 14, 'colorString': '#f9cdad'}, '318648103152648202': {'position': 13, 'permissions': 536341575, 'name': 'mods', 'mentionable': true, 'managed': false, 'id': '318648103152648202', 'hoist': true, 'color': 8630171, 'originalPosition': 13, 'colorString': '#83af9b'}, '318649514745397248': {'position': 12, 'permissions': 372632641, 'name': 'botty mcbotface', 'mentionable': false, 'managed': false, 'id': '318649514745397248', 'hoist': false, 'color': 8630171, 'originalPosition': 12, 'colorString': '#83af9b'}, '329358102975741955': {'position': 11, 'permissions': 104188993, 'name': 'cute person 🎀', 'mentionable': false, 'managed': false, 'id': '329358102975741955', 'hoist': false, 'color': 15844367, 'originalPosition': 11, 'colorString': '#f1c40f'}, '343121679150743555': {'position': 10, 'permissions': 268697665, 'name': 'Patreon', 'mentionable': false, 'managed': true, 'id': '343121679150743555', 'hoist': false, 'color': 0, 'originalPosition': 10, 'colorString': null}, '343121980477800458': {'position': 9, 'permissions': 104188993, 'name': 'patreon supporter', 'mentionable': false, 'managed': false, 'id': '343121980477800458', 'hoist': true, 'color': 16555418, 'originalPosition': 9, 'colorString': '#fc9d9a'}, '330588237670121472': {'position': 8, 'permissions': 104188993, 'name': 'subscriber', 'mentionable': false, 'managed': true, 'id': '330588237670121472', 'hoist': true, 'color': 16663397, 'originalPosition': 8, 'colorString': '#fe4365'}, '344565996411027456': {'position': 7, 'permissions': 104188993, 'name': 'ninja sub', 'mentionable': false, 'managed': false, 'id': '344565996411027456', 'hoist': false, 'color': 16663397, 'originalPosition': 7, 'colorString': '#fe4365'}, '318648703311151104': {'position': 6, 'permissions': 104320065, 'name': 'community member', 'mentionable': false, 'managed': false, 'id': '318648703311151104', 'hoist': false, 'color': 9807270, 'originalPosition': 6, 'colorString': '#95a5a6'}, '318652392142929920': {'position': 5, 'permissions': 519232, 'name': 'MuxyBot', 'mentionable': false, 'managed': true, 'id': '318652392142929920', 'hoist': false, 'color': 0, 'originalPosition': 5, 'colorString': null}, '318850773918285824': {'position': 4, 'permissions': 67437569, 'name': 'muted', 'mentionable': false, 'managed': false, 'id': '318850773918285824', 'hoist': false, 'color': 6323595, 'originalPosition': 4, 'colorString': '#607d8b'}, '346731968873889803': {'position': 3, 'permissions': 12921935, 'name': 'Tatsumaki', 'mentionable': false, 'managed': true, 'id': '346731968873889803', 'hoist': false, 'color': 0, 'originalPosition': 3, 'colorString': null}, '360585645405503488': {'position': 2, 'permissions': 104188993, 'name': 'バーバーバカ　お兄ちゃん！', 'mentionable': false, 'managed': false, 'id': '360585645405503488', 'hoist': false, 'color': 10378846, 'originalPosition': 2, 'colorString': '#9e5e5e'}, '383433060747575296': {'position': 1, 'permissions': 104188993, 'name': 'heart of pure gold 🧡', 'mentionable': false, 'managed': false, 'id': '383433060747575296', 'hoist': false, 'color': 12429145, 'originalPosition': 1, 'colorString': '#bda759'}, '318647068782755840': {'position': 0, 'permissions': 104188993, 'name': '@everyone', 'mentionable': false, 'managed': false, 'id': '318647068782755840', 'hoist': false, 'color': 0, 'originalPosition': 0, 'colorString': null}}, 'afkChannelId': null, 'afkTimeout': 300, 'systemChannelId': null, 'verificationLevel': 2, 'region': 'us-south', 'joinedAt': '2017-05-29T07:09:41.428Z', 'large': true, 'defaultMessageNotifications': 1, 'mfaLevel': 0, 'application_id': null, 'explicitContentFilter': 2}
],
user: {
'id': '62601275618889728', 'username': 'Kata カタ', 'usernameLowerCase': 'kata カタ', 'discriminator': '0975', 'avatar': 'f60031ba7d3ea518d25f5a85900e6fb0'
}
}

20
UI/src/components/servers/styles.js Normal file
View file

@ -0,0 +1,20 @@
const styles = {
outer: {
},
navigation: {
},
serverCard: {
},
userCard: {
},
card: {}
}
module.exports = styles