mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-12-05 16:03:54 +03:00
31 lines
628 B
JavaScript
31 lines
628 B
JavaScript
import React, { PropTypes, Component } from 'react';
|
|
import TodoTextInput from './TodoTextInput';
|
|
|
|
class Header extends Component {
|
|
handleSave(text) {
|
|
if (text.length !== 0) {
|
|
this.props.addTodo(text);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const { path } = this.props;
|
|
return (
|
|
<header className="header">
|
|
<h1 style={{ fontSize: 80 }}>{path}</h1>
|
|
<TodoTextInput
|
|
newTodo
|
|
onSave={this.handleSave.bind(this)}
|
|
placeholder="What needs to be done?"
|
|
/>
|
|
</header>
|
|
);
|
|
}
|
|
}
|
|
|
|
Header.propTypes = {
|
|
addTodo: PropTypes.func.isRequired,
|
|
};
|
|
|
|
export default Header;
|