Subject | Hash | Author | Date (UTC) |
---|---|---|---|
Add eror message | 925f3e3199546d80b90276d53bf3ca827313adab | antcalatayud | 2018-04-24 14:10:51 |
Add loadin component | 54504e3ae117730f625f6c5acf1a10ce912c6146 | antcalatayud | 2018-04-24 14:05:36 |
Create currencies table | a410655fa61df8653b5943cb9c853b04e48c7287 | antcalatayud | 2018-04-24 13:34:35 |
Move some conts outside | 00686f6d20dcc806e20a3d7bfb745517c203dd54 | antcalatayud | 2018-04-24 13:00:43 |
Add AJAX request to list component | 3dd5f784d209cc1cfeb22bbc93aaf2c871e2c69b | antcalatayud | 2018-04-24 12:29:22 |
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 | 8 | 2 |
File src/components/list/List.js changed (mode: 100644) (index 9139903..867b3fe) | |||
... | ... | class List extends React.Component { | |
47 | 47 | } | } |
48 | 48 | ||
49 | 49 | render() { | render() { |
50 | if (this.state.loading) { | ||
50 | const { loading, error, currencies } = this.state; | ||
51 | |||
52 | if (loading) { | ||
51 | 53 | return <div className="loading-container"><Loading /></div> | return <div className="loading-container"><Loading /></div> |
52 | 54 | } | } |
53 | 55 | ||
56 | if (error) { | ||
57 | return <div className="error">{error}</div> | ||
58 | } | ||
59 | |||
54 | 60 | return ( | return ( |
55 | 61 | <div className="Table-container"> | <div className="Table-container"> |
56 | 62 | ||
... | ... | class List extends React.Component { | |
64 | 70 | </tr> | </tr> |
65 | 71 | </thead> | </thead> |
66 | 72 | <tbody className="Table-body"> | <tbody className="Table-body"> |
67 | {this.state.currencies.map((currency) => ( | ||
73 | {currencies.map((currency) => ( | ||
68 | 74 | <tr key={currency.id}> | <tr key={currency.id}> |
69 | 75 | <td> | <td> |
70 | 76 | <span className="Table-rank"> | <span className="Table-rank"> |