Skip to content

Commit b9d2dd8

Browse files
solkimicrebsolkimicreb
committed
fix(examples): fix indentation in examples
1 parent 1122b21 commit b9d2dd8

5 files changed

Lines changed: 40 additions & 57 deletions

File tree

‎dist/simpleTodos.js‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22679,15 +22679,11 @@ let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__src_easyState__["de
2267922679
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
2268022680
'div',
2268122681
null,
22682+
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input', { value: todo, onChange: this.updateTodo }),
2268222683
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
22683-
'div',
22684-
null,
22685-
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input', { value: todo, onChange: this.updateTodo }),
22686-
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
22687-
'button',
22688-
{ onClick: this.addTodo },
22689-
'Add Todo'
22690-
)
22684+
'button',
22685+
{ onClick: this.addTodo },
22686+
'Add Todo'
2269122687
),
2269222688
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
2269322689
'ul',

‎dist/todoMVC.js‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22723,10 +22723,7 @@ let TodoItem = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__src_easyState_
2272322723
const { toggle, remove } = this;
2272422724
const { todo } = this.props;
2272522725

22726-
const itemClass = __WEBPACK_IMPORTED_MODULE_2_classnames___default()({
22727-
view: true,
22728-
completed: todo.completed
22729-
});
22726+
const itemClass = __WEBPACK_IMPORTED_MODULE_2_classnames___default()({ view: true, completed: todo.completed });
2273022727

2273122728
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
2273222729
'li',
@@ -22842,14 +22839,12 @@ let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__src_easyState__["de
2284222839
null,
2284322840
'todos'
2284422841
),
22845-
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input', { onKeyDown: create, className: 'new-todo',
22846-
placeholder: 'What needs to be done?', autoFocus: true })
22842+
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input', { onKeyDown: create, className: 'new-todo', placeholder: 'What needs to be done?', autoFocus: true })
2284722843
),
2284822844
hasTodos && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
2284922845
'section',
2285022846
{ className: 'main' },
22851-
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input', { className: 'toggle-all', type: 'checkbox',
22852-
checked: allCompleted, onChange: toggleAll }),
22847+
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input', { className: 'toggle-all', type: 'checkbox', checked: allCompleted, onChange: toggleAll }),
2285322848
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
2285422849
'label',
2285522850
{ htmlFor: 'toggle-all' },

‎examples/simpleTodos/App.jsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,8 @@ class App extends Component {
1717

1818
return (
1919
<div>
20-
<div>
21-
<input value={todo} onChange={this.updateTodo} />
22-
<button onClick={this.addTodo}>Add Todo</button>
23-
</div>
20+
<input value={todo} onChange={this.updateTodo} />
21+
<button onClick={this.addTodo}>Add Todo</button>
2422
<ul>
2523
{todos.map(todo => <li key={todo}>{todo}</li>)}
2624
</ul>

‎examples/todoMVC/App.jsx‎

Lines changed: 25 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -12,43 +12,40 @@ class App extends Component {
1212
this.state = new State()
1313
}
1414

15-
render() {
15+
render () {
1616
const { create, changeFilter, clearCompleted, toggleAll, state } = this
1717
const { todos, hasTodos, completed, hasCompleted, allCompleted, active, filter } = state
1818

19-
const todosClass = classNames({selected: filter === 'todos'})
20-
const completedClass = classNames({selected: filter === 'completed'})
21-
const activeClass = classNames({selected: filter === 'active'})
19+
const todosClass = classNames({ selected: filter === 'todos' })
20+
const completedClass = classNames({ selected: filter === 'completed' })
21+
const activeClass = classNames({ selected: filter === 'active' })
2222

2323
return (
2424
<div className="todoapp">
2525
<header className="header">
26-
<h1>todos</h1>
27-
<input onKeyDown={create} className="new-todo"
28-
placeholder="What needs to be done?" autoFocus={true} />
29-
</header>
26+
<h1>todos</h1>
27+
<input onKeyDown={create} className="new-todo" placeholder="What needs to be done?" autoFocus={true}/>
28+
</header>
3029

31-
{hasTodos && <section className="main">
32-
<input className="toggle-all" type="checkbox"
33-
checked={allCompleted} onChange={toggleAll} />
34-
<label htmlFor="toggle-all">Mark all as complete</label>
35-
<ul className="todo-list">
36-
{state[filter].map(todo =>
37-
<TodoItem key={todo.title} todo={todo} todos={todos} />)}
38-
</ul>
39-
</section>}
30+
{hasTodos && <section className="main">
31+
<input className="toggle-all" type="checkbox" checked={allCompleted} onChange={toggleAll}/>
32+
<label htmlFor="toggle-all">Mark all as complete</label>
33+
<ul className="todo-list">
34+
{state[filter].map(todo => <TodoItem key={todo.title} todo={todo} todos={todos}/>)}
35+
</ul>
36+
</section>}
4037

4138
{hasTodos && <footer className="footer">
42-
<span className="todo-count">{active.length} items left</span>
43-
<div className="filters">
44-
<button className={todosClass} value="todos" onClick={changeFilter}>All</button>
45-
<button className={activeClass} value="active" onClick={changeFilter}>Active</button>
46-
<button className={completedClass} value ="completed" onClick={changeFilter}>Completed</button>
47-
</div>
48-
{hasCompleted && <button className="clear-completed" onClick={clearCompleted}>
49-
Clear completed
50-
</button>}
51-
</footer>}
39+
<span className="todo-count">{active.length} items left</span>
40+
<div className="filters">
41+
<button className={todosClass} value="todos" onClick={changeFilter}>All</button>
42+
<button className={activeClass} value="active" onClick={changeFilter}>Active</button>
43+
<button className={completedClass} value="completed" onClick={changeFilter}>Completed</button>
44+
</div>
45+
{hasCompleted && <button className="clear-completed" onClick={clearCompleted}>
46+
Clear completed
47+
</button>}
48+
</footer>}
5249
</div>
5350
)
5451
}
@@ -75,4 +72,4 @@ class App extends Component {
7572
}
7673
}
7774

78-
ReactDOM.render(<App />, document.getElementById('react-root'))
75+
ReactDOM.render(<App/>, document.getElementById('react-root'))

‎examples/todoMVC/TodoItem.jsx‎

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,17 +9,14 @@ export default class TodoItem extends Component {
99
const { toggle, remove } = this
1010
const { todo } = this.props
1111

12-
const itemClass = classNames({
13-
view: true,
14-
completed: todo.completed
15-
})
12+
const itemClass = classNames({ view: true, completed: todo.completed })
1613

1714
return (
18-
<li className={itemClass}>
19-
<input className="toggle" type="checkbox" checked={todo.completed} onChange={toggle} />
20-
<label>{todo.title}</label>
21-
<button onClick={remove} className="destroy" />
22-
</li>
15+
<li className={itemClass}>
16+
<input className="toggle" type="checkbox" checked={todo.completed} onChange={toggle}/>
17+
<label>{todo.title}</label>
18+
<button onClick={remove} className="destroy"/>
19+
</li>
2320
)
2421
}
2522

0 commit comments

Comments
 (0)