Commit 94e5dd3

committed

added in form

1 parent 8121368 commit 94e5dd3Copy full SHA for 94e5dd3

File tree

+61

-122

lines changed

+61

-122

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ def create`
`19`	`19`	`@list = List.new(list_params)`
`20`	`20`
`21`	`21`	`if @list.save`
`22`		`- render json: @list, status: :created,location: @list`
	`22`	`+ render json: @list, status: :created`
`23`	`23`	`else`
`24`	`24`	`render json: @list.errors, status: :unprocessable_entity`
`25`	`25`	`end`

Lines changed: 0 additions & 54 deletions

This file was deleted.

Lines changed: 0 additions & 54 deletions

This file was deleted.

Lines changed: 18 additions & 13 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,16 +1,18 @@`
`1`	`1`	`import React, { Component } from 'react';`
`2`	`2`	`import axios from 'axios';`
`3`	`3`	`import List from './List';`
	`4`	`+import NewListForm from './NewListForm';`
`4`	`5`
`5`	`6`	`class ListsContainer extends Component {`
`6`		`- constructor(props) {`
`7`		`- super(props);`
`8`		`- this.state = {`
`9`		`- lists: [],`
`10`		`- };`
`11`		`- }`
	`7`	`+ state = {`
	`8`	`+ lists: [],`
	`9`	`+ };`
	`10`	`+`
	`11`	`+ componentDidMount = () => {`
	`12`	`+ this.loadLists();`
	`13`	`+ };`
`12`	`14`
`13`		`- componentDidMount() {`
	`15`	`+ loadLists=() =>`
`14`	`16`	`axios`
`15`	`17`	`.get('api/v1/lists.json')`
`16`	`18`	`.then(response => {`
`@@ -20,16 +22,19 @@ class ListsContainer extends Component {`
`20`	`22`	`});`
`21`	`23`	`})`
`22`	`24`	`.catch(error => console.log(error));`
`23`		`- }`
`24`	`25`
`25`	`26`	`render() {`
`26`	`27`	`const { lists } = this.state;`
`27`	`28`	`return (`
`28`		`- <div className="lists-container">`
`29`		`- {lists.map(list => (`
`30`		`- <List list={list} key={list.id} />`
`31`		`- ))}`
`32`		`- </div>`
	`29`	`+ <React.Fragment>`
	`30`	`+ <div className="lists-container">`
	`31`	`+ {lists.map(list => (`
	`32`	`+ <List list={list} key={list.id} />`
	`33`	`+ ))}`
	`34`	`+ </div>`
	`35`	`+`
	`36`	`+ <NewListForm onNewList={this.addNewList} />`
	`37`	`+ </React.Fragment>`
`33`	`38`	`);`
`34`	`39`	`}`
`35`	`40`	`}`

Lines changed: 42 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,42 @@`
	`1`	`+import React from 'react';`
	`2`	`+import PropTypes from 'prop-types';`
	`3`	`+`
	`4`	`+const NewListForm = ({ onNewList = f => f }) => {`
	`5`	`+ let title;`
	`6`	`+ let excerpt;`
	`7`	`+ const submit = e => {`
	`8`	`+ e.preventDefault();`
	`9`	`+ onNewList(_title.value, _excerpt.value);`
	`10`	`+ title.value = '';`
	`11`	`+ excerpt.value = '';`
	`12`	`+ title.focus();`
	`13`	`+ };`
	`14`	`+`
	`15`	`+ return (`
	`16`	`+ <form onSubmit={submit}>`
	`17`	`+ <input`
	`18`	`+ ref={input => (title = input)}`
	`19`	`+ type="text"`
	`20`	`+ placeholder="Title..."`
	`21`	`+ required`
	`22`	`+ />`
	`23`	`+ <input`
	`24`	`+ ref={input => (excerpt = input)}`
	`25`	`+ type="text"`
	`26`	`+ placeholder="Excerpt..."`
	`27`	`+ required`
	`28`	`+ />`
	`29`	`+ <button>Add List</button>`
	`30`	`+ </form>`
	`31`	`+ );`
	`32`	`+};`
	`33`	`+`
	`34`	`+NewListForm.propTypes = {`
	`35`	`+ onNewList: PropTypes.func,`
	`36`	`+};`
	`37`	`+`
	`38`	`+NewListForm.defaultProps = {`
	`39`	`+ onNewList: () => {},`
	`40`	`+};`
	`41`	`+`
	`42`	`+export default NewListForm;`

Comments

(0)