// @flow import * as React from 'react' import Head from 'next/head' import { PageProps } from '../../types' import SocialCards from '../../components/social-cards' import redirect from '../../util/redirect' // import { connect } from 'react-redux' import styled from 'styled-components' import Role from '../../components/role' type ServerPageProps = PageProps & { currentServer: any, view: any, isDiscordBot: boolean } const Category = styled.div`` type HiderProps = { visible: boolean children?: any } const Hider = styled.div`` const RoleHolder = styled.div` display: flex; flex-wrap: wrap; ` class Server extends React.PureComponent { static async getInitialProps (ctx: any, rpc: any, router: any) { const isDiscordBot = ctx.req && ctx.req.headers['user-agent'].includes('Discordbot') if (ctx.user == null) { if (!isDiscordBot) { redirect(ctx, `/auth/login?r=${router.asPath}`) } } ctx.robots = 'NOINDEX, NOFOLLOW' // await ctx.store.dispatch(fetchServerIfNeed(router.query.id, rpc)) if (!isDiscordBot) { // await ctx.store.dispatch(renderRoles(router.query.id)) } return { isDiscordBot } } async componentDidMount () { const { currentServer, router: { query: { id } }, dispatch } = this.props if (currentServer == null) { this.props.router.push('/s/add') } // await dispatch(fetchServerIfNeed(id)) // await dispatch(renderRoles(id)) } onToggle = (role) => (/*nextState*/) => { if (role.safe) { // this.props.dispatch(toggleRole(role.id, nextState)) } } renderSocial () { const { currentServer } = this.props return } render () { const { isDiscordBot, currentServer, view } = this.props // console.log({ currentServer }) if (currentServer == null) { return null } if (isDiscordBot) { return this.renderSocial() } return (
{currentServer.server.name} - Roleypoly { this.renderSocial() } hello {currentServer.gm.nickname } on {currentServer.server.name} ({ view.dirty ? 'dirty' : 'clean' }) { !view.invalidated && view.categories.map(c =>
{ c.name }
{ c._roles && c._roles.map(r => ) } ) }
) } } export default Server