Subject | Hash | Author | Date (UTC) |
---|---|---|---|
Start creating list componet | c8bc3d6bb9b4980e1305d401be2fe67c8933a7f8 | antcalatayud | 2018-04-24 10:31:23 |
Add logo | eed8364675e78cfa795550bff03682d49a8ed115 | antcalatayud | 2018-04-24 10:23:07 |
Add styling | 866cbbbc94ce81e8b8b6b88da9f86d2d4153e509 | antcalatayud | 2018-04-24 10:18:43 |
Create fist component and render App | b713ed055b8691a0fd89792d136e0ef9ed86f07c | antcalatayud | 2018-04-24 10:11:22 |
Add init files | d81df9e3d230bcb49f0bb31c43cffad97532d321 | antcalatayud | 2018-04-24 09:51:04 |
Initial commit | 3c3626d89f221374c92ee04aed1eaa8616f3977e | Antonio Calatayud | 2018-04-24 09:03:03 |
File | Lines added | Lines deleted |
---|---|---|
src/components/list/List.js | 25 | 0 |
src/index.js | 2 | 0 |
File src/components/list/List.js added (mode: 100644) (index 0000000..3ea5979) | |||
1 | import React from 'react'; | ||
2 | |||
3 | class List extends React.Component { | ||
4 | constructor(props) { | ||
5 | super(props); | ||
6 | |||
7 | this.state = { | ||
8 | loading: false, | ||
9 | currencies: [], | ||
10 | error: null | ||
11 | }; | ||
12 | } | ||
13 | |||
14 | render() { | ||
15 | if (this.state.loading) { | ||
16 | return <div>Loading...</div> | ||
17 | } | ||
18 | |||
19 | return ( | ||
20 | <div>List goes here</div> | ||
21 | ); | ||
22 | } | ||
23 | } | ||
24 | |||
25 | export default List; |
File src/index.js changed (mode: 100644) (index 7f24f27..09a6ae3) | |||
1 | 1 | import React from 'react'; | import React from 'react'; |
2 | 2 | import ReactDOM from "react-dom"; | import ReactDOM from "react-dom"; |
3 | 3 | import Header from "./components/common/Header"; | import Header from "./components/common/Header"; |
4 | import List from "./components/list/List"; | ||
4 | 5 | import './index.css' | import './index.css' |
5 | 6 | ||
6 | 7 | const App = () => { | const App = () => { |
7 | 8 | return ( | return ( |
8 | 9 | <div> | <div> |
9 | 10 | <Header/> | <Header/> |
11 | <List /> | ||
10 | 12 | </div> | </div> |
11 | 13 | ||
12 | 14 | ); | ); |