chore: prettier UI

This commit is contained in:
41666 2020-08-02 16:28:46 -04:00
parent 1f03e1bb11
commit d08c9e4829
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
9 changed files with 36 additions and 26 deletions

View file

@ -17,7 +17,7 @@ class Category extends Component {
)
}
onRoleToggle = id => (next, old) => {
onRoleToggle = (id) => (next, old) => {
const type = this.props.category.get('type')
switch (type) {
@ -45,7 +45,7 @@ class Category extends Component {
<h4>{category.get('name')}</h4>
{category
.get('roles_map')
.sortBy(r => r.get('position'))
.sortBy((r) => r.get('position'))
.reverse()
.map((r, k) => {
const id = r.get('id')

View file

@ -8,7 +8,6 @@ import discordLogo from '../../pages/images/discord-logo.svg'
let specialFills = {}
let showTransFlag = false
class Wrapper extends Component {
render() {
const date = new Date()
@ -18,7 +17,7 @@ class Wrapper extends Component {
) {
specialFills = {
circleFill: '#FFAEC6',
typeFill: '#6FDCFF'
typeFill: '#6FDCFF',
}
showTransFlag = true
}
@ -31,7 +30,18 @@ class Wrapper extends Component {
<div className="uk-navbar-left">
<Link to="/">
<div style={{ display: 'flex' }}>
<Logotype style={{ height: '2rem', marginRight: '12px' }} className="wrapper__logotype" {...specialFills} /> {showTransFlag && <TransFlag height="100%" width="75px" uk-tooltip="pos: bottom; title: Roleypoly says trans rights!" />}
<Logotype
style={{ height: '2rem', marginRight: '12px' }}
className="wrapper__logotype"
{...specialFills}
/>{' '}
{showTransFlag && (
<TransFlag
height="100%"
width="75px"
uk-tooltip="pos: bottom; title: Roleypoly says trans rights!"
/>
)}
</div>
</Link>
</div>