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 bits of redux

Browse source
This commit is contained in:
41666 2019-03-20 09:25:28 -05:00
parent 9c7f7fda73
commit def2b0d2a3
13 changed files with 170 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

48
ui/pages/_internal/_server.js
View file

@ -4,25 +4,65 @@ import Head from 'next/head'
import type { PageProps } from '../../types'
import SocialCards from '../../components/social-cards'
import redirect from '../../lib/redirect'
import { connect } from 'react-redux'
import { fetchServerIfNeed, getCurrentServerState, type ServerState } from '../../stores/currentServer'
import { renderRoles, getCurrentRoles } from '../../stores/roles'
export default class Server extends React.Component<PageProps> {
type ServerPageProps = PageProps & {
currentServer: ServerState
}
const mapStateToProps = (state, { router: { query: { id } } }) => {
return {
currentServer: getCurrentServerState(state, id),
roles: getCurrentRoles(state, id)
}
}
class Server extends React.Component<ServerPageProps> {
static async getInitialProps (ctx: *, rpc: *, router: *) {
if (ctx.user == null) {
redirect(ctx, `/auth/login?r=${router.asPath}`)
}
ctx.robots = 'NOINDEX, NOFOLLOW'
try {
if (router.query.id == null) {
console.warn({ query: router.query })
}
ctx.store.dispatch(fetchServerIfNeed(router.query.id, rpc))
ctx.store.dispatch(renderRoles(router.query.id))
} catch (e) {
}
}
componentDidMount () {
const { currentServer, router: { query: { id } }, dispatch } = this.props
if (currentServer == null) {
this.props.router.push('/s/add')
}
dispatch(fetchServerIfNeed(id))
}
render () {
const { currentServer } = this.props
console.log({ currentServer })
if (currentServer == null) {
return null
}
return (
<div>
<Head>
<title key='title'>server name!</title>
<title key='title'>{currentServer.server.name} - Roleypoly</title>
</Head>
<SocialCards title={'server test'} />
hello {this.props.router.query.id}
<SocialCards title={`${currentServer.server.name} on Roleypoly`} />
hello <span style={{ color: currentServer.gm.color }}>{currentServer.gm.nickname}</span> on {currentServer.server.name}
</div>
)
}
}
export default connect(mapStateToProps)(Server)