summaryrefslogtreecommitdiff
path: root/frontend/src/containers/App
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/containers/App')
-rw-r--r--frontend/src/containers/App/actions.js5
-rw-r--r--frontend/src/containers/App/constants.js1
-rw-r--r--frontend/src/containers/App/index.js83
-rw-r--r--frontend/src/containers/App/saga.js28
4 files changed, 0 insertions, 117 deletions
diff --git a/frontend/src/containers/App/actions.js b/frontend/src/containers/App/actions.js
deleted file mode 100644
index cfb617d5..00000000
--- a/frontend/src/containers/App/actions.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { INITIALIZE_WS } from "./constants"
-
-export const initializeWs = () => ({
- type: INITIALIZE_WS
-})
diff --git a/frontend/src/containers/App/constants.js b/frontend/src/containers/App/constants.js
deleted file mode 100644
index be31f8cc..00000000
--- a/frontend/src/containers/App/constants.js
+++ /dev/null
@@ -1 +0,0 @@
-export const INITIALIZE_WS = 'app/INITIALIZE_WS'
diff --git a/frontend/src/containers/App/index.js b/frontend/src/containers/App/index.js
deleted file mode 100644
index 70f99b6b..00000000
--- a/frontend/src/containers/App/index.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { Component } from 'react'
-import { connect } from 'react-redux'
-import {
- Banner,
- Heading,
- Space,
- Button,
- InlineForm,
- Text
-} from 'rebass'
-import { Flex } from 'reflexbox'
-import Modal from '../../components/modals/username'
-import GameBrowser from '../GameBrowser'
-
-class App extends Component {
- state = {
- usernameModal: false,
- }
-
- componentDidMount() {
-
- }
-
- toggleModal = (key) => {
- return (e) => {
- const val = !this.state[key]
- this.setState({ [key]: val })
- }
- }
-
- createGame = (e) => {
- e.preventDefault()
- if (this._gameName !== undefined) {
- this.props.createGame(this._gameName)
- }
- }
-
- render() {
- return (
- <div>
- <Banner
- align="center"
- style={{minHeight: '30vh'}}
- backgroundImage="https://images.unsplash.com/photo-1431207446535-a9296cf995b1?dpr=1&auto=format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop="
- >
- <Heading level={1}>Seven Wonders</Heading>
- </Banner>
- <Flex align="center" p={1}>
- <InlineForm
- buttonLabel="Create Game"
- label="Game name"
- name="game_name"
- onChange={(e) => this._gameName = e.target.value}
- onClick={this.createGame}
- >
-
- </InlineForm>
- <Space auto />
- <Text><b>Username:</b> Cesar92</Text>
- <Space x={1} />
- <Button
- onClick={this.toggleModal('usernameModal')}
- children="Change"/>
- </Flex>
- <GameBrowser />
- <Modal toggleModal={this.toggleModal} modalOpen={this.state.usernameModal} />
- </div>
- )
- }
-}
-
-const mapStateToProps = (state) => ({
-
-})
-
-import { initializeWs } from "./actions";
-import { createGame } from '../GameBrowser/actions'
-const mapDispatchToProps = {
- initializeWs,
- createGame
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(App)
diff --git a/frontend/src/containers/App/saga.js b/frontend/src/containers/App/saga.js
deleted file mode 100644
index 0c212142..00000000
--- a/frontend/src/containers/App/saga.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { put, take } from 'redux-saga/effects'
-import { eventChannel } from 'redux-saga'
-
-function createSocketChannel(socket) {
- return eventChannel(emit => {
- const errorHandler = event => emit(JSON.parse(event.body))
-
- const userErrors = socket.subscribe('/user/queue/errors', errorHandler)
-
- const unsubscribe = () => {
- userErrors.unsubscribe()
- }
-
- return unsubscribe
- })
-}
-
-export function* watchOnErrors(socketConnection) {
- const { socket } = socketConnection
- const socketChannel = createSocketChannel(socket)
-
- while (true) {
- const payload = yield take(socketChannel)
- yield put({ type: 'USER_ERROR', payload })
- }
-}
-
-export default watchOnErrors
bgstack15