diff options
Diffstat (limited to 'frontend/src/components/home')
-rw-r--r-- | frontend/src/components/home/ChooseNameForm.tsx | 42 | ||||
-rw-r--r-- | frontend/src/components/home/Home.css | 13 | ||||
-rw-r--r-- | frontend/src/components/home/Home.tsx | 12 | ||||
-rw-r--r-- | frontend/src/components/home/background-zeus-temple.jpg | bin | 571089 -> 0 bytes | |||
-rw-r--r-- | frontend/src/components/home/logo-7-wonders.png | bin | 301442 -> 0 bytes |
5 files changed, 0 insertions, 67 deletions
diff --git a/frontend/src/components/home/ChooseNameForm.tsx b/frontend/src/components/home/ChooseNameForm.tsx deleted file mode 100644 index 8292150b..00000000 --- a/frontend/src/components/home/ChooseNameForm.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import { Button, Classes, InputGroup, Intent } from '@blueprintjs/core'; -import React, { ChangeEvent, Component, SyntheticEvent } from 'react'; -import { connect } from 'react-redux'; -import { actions } from '../../redux/actions/user'; - -type ChooseNameFormPresenterProps = { - chooseUsername: (username: string) => void, -} - -class ChooseNameFormPresenter extends Component<ChooseNameFormPresenterProps> { - _username = ''; - - play = (e: SyntheticEvent<any>) => { - e.preventDefault(); - if (this._username !== undefined) { - this.props.chooseUsername(this._username); - } - }; - - render() { - return ( - <form onSubmit={this.play}> - <InputGroup - className={Classes.LARGE} - placeholder="Username" - onChange={(e: ChangeEvent<HTMLInputElement>) => (this._username = e.target.value)} - rightElement={this.renderSubmit()} - /> - </form> - ); - } - - renderSubmit = () => ( - <Button className={Classes.MINIMAL} onClick={this.play} intent={Intent.PRIMARY} icon="arrow-right" /> - ); -} - -const mapDispatchToProps = { - chooseUsername: actions.chooseUsername, -}; - -export const ChooseNameForm = connect(null, mapDispatchToProps)(ChooseNameFormPresenter); diff --git a/frontend/src/components/home/Home.css b/frontend/src/components/home/Home.css deleted file mode 100644 index 7d9a96de..00000000 --- a/frontend/src/components/home/Home.css +++ /dev/null @@ -1,13 +0,0 @@ -.homeRoot { - background: url('background-zeus-temple.jpg') center no-repeat; - background-size: cover; -} - -.fullscreen { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - overflow: hidden; -} diff --git a/frontend/src/components/home/Home.tsx b/frontend/src/components/home/Home.tsx deleted file mode 100644 index 094db658..00000000 --- a/frontend/src/components/home/Home.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import * as React from 'react'; -import { Flex } from 'reflexbox'; -import { ChooseNameForm } from './ChooseNameForm'; -import './Home.css' -import logo from './logo-7-wonders.png'; - -export const Home = () => ( - <Flex className='homeRoot fullscreen' column align='center' justify='center'> - <img src={logo} alt="Seven Wonders"/> - <ChooseNameForm/> - </Flex> -); diff --git a/frontend/src/components/home/background-zeus-temple.jpg b/frontend/src/components/home/background-zeus-temple.jpg Binary files differdeleted file mode 100644 index 5a28e933..00000000 --- a/frontend/src/components/home/background-zeus-temple.jpg +++ /dev/null diff --git a/frontend/src/components/home/logo-7-wonders.png b/frontend/src/components/home/logo-7-wonders.png Binary files differdeleted file mode 100644 index 96974d3e..00000000 --- a/frontend/src/components/home/logo-7-wonders.png +++ /dev/null |