Skip to content

Instantly share code, notes, and snippets.

@edemkumodzi
Created November 7, 2016 13:40
Show Gist options
  • Save edemkumodzi/af02535bcbe564da5b1bf9ffbabd6a16 to your computer and use it in GitHub Desktop.
Save edemkumodzi/af02535bcbe564da5b1bf9ffbabd6a16 to your computer and use it in GitHub Desktop.
import React, { Component } from 'react';
import TaskList from './TaskList.js';
import Date from './Date.js';
import Avatar from './Avatar.js';
import AddButton from './AddButton.js';
import './App.css';
class App extends Component {
constructor(){
super();
this.state = {
tasks: [
{
'time': '12',
'period': 'AM',
'activity_title': 'Finish Tutorial Series',
'activity_description': '#ReactForNewbies'
}, {
'time': '9',
'period': 'AM',
'activity_title': 'Meeting with Team Leads',
'activity_description': 'New Project Kickoff'
}, {
'time': '11',
'period': 'AM',
'activity_title': 'Call Mom',
'activity_description': 'Return her call before she kills me'
}, {
'time': '3',
'period': 'PM',
'activity_title': 'Fix Wifey\'s website',
'activity_description': 'FB Ads Integration not working'
}, {
'time': '6',
'period': 'PM',
'activity_title': 'Do DB Backups',
'activity_description': 'Related to upcoming server migration'
}
]
}
}
render() {
return (
<div style={{padding: '30px 30px'}}>
<Avatar />
<br />
<Date />
<br />
<TaskList tasks={this.state.tasks} />
<br />
<AddButton />
</div>
);
}
}
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment