mirror of
https://github.com/ClaytonWWilson/CS307-Team24.git
synced 2025-12-16 10:18:48 +00:00
added home router page
This commit is contained in:
parent
6cb3441ad7
commit
cbf9b94248
@ -11,6 +11,7 @@ import home from './Home.js';
|
|||||||
import register from './Register.js';
|
import register from './Register.js';
|
||||||
import login from './Login.js';
|
import login from './Login.js';
|
||||||
import user from './pages/user';
|
import user from './pages/user';
|
||||||
|
import writeMicroblog from './Writing_Microblogs.js';
|
||||||
|
|
||||||
class App extends Component {
|
class App extends Component {
|
||||||
render() {
|
render() {
|
||||||
@ -23,6 +24,7 @@ class App extends Component {
|
|||||||
<Route exact path="/register" component={register}/>
|
<Route exact path="/register" component={register}/>
|
||||||
<Route exact path="/login" component={login}/>
|
<Route exact path="/login" component={login}/>
|
||||||
<Route exact path="/user" component={user}/>
|
<Route exact path="/user" component={user}/>
|
||||||
|
<Route exact path="/home" component={writeMicroblog}/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</Router>
|
</Router>
|
||||||
|
|||||||
@ -51,7 +51,7 @@ class Writing_Microblogs extends Component {
|
|||||||
|
|
||||||
<div style={{ width: "200px", marginLeft: "50px"}}>
|
<div style={{ width: "200px", marginLeft: "50px"}}>
|
||||||
<form onSubmit={this.handleSubmit}>
|
<form onSubmit={this.handleSubmit}>
|
||||||
<textarea value={this.state.value} maxLength="10" placeholder= "Write Microblog here..."
|
<textarea value={this.state.value} required maxLength="10" placeholder= "Write Microblog here..."
|
||||||
onChange = { (e) => { this.handleChangeforPost(e); this.handleChangeforCharacterCount(e) } } cols={40} rows={20} />
|
onChange = { (e) => { this.handleChangeforPost(e); this.handleChangeforCharacterCount(e) } } cols={40} rows={20} />
|
||||||
<div style={{ fontSize: "14px", marginRight: "-100px"}} >
|
<div style={{ fontSize: "14px", marginRight: "-100px"}} >
|
||||||
<p2>Characters Left: {this.state.characterCount}</p2>
|
<p2>Characters Left: {this.state.characterCount}</p2>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user