Subject | Hash | Author | Date (UTC) |
---|---|---|---|
Add routing and not found page | 17718006b6c1f4090ae971d0338ea8cd8f4b93c5 | antcalatayud | 2018-04-24 15:41:27 |
disable pagination buttons when min/max reached | a7459260589206aa9430fd9dba67aed2b175607c | antcalatayud | 2018-04-24 15:14:06 |
Manage next/prev pages onclick pagination | 104663344877dc34bc9e3df9762bfad335578d99 | antcalatayud | 2018-04-24 15:09:52 |
Start pagination component | a2600ed30feb02a9394d31215d1218d699371f62 | antcalatayud | 2018-04-24 14:47:05 |
Move Table to new component | 685659283e5fcfb3391bbd7e0988669a4896546b | antcalatayud | 2018-04-24 14:23:39 |
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/notfound/NotFound.css | 25 | 0 |
src/components/notfound/NotFound.js | 14 | 0 |
src/index.js | 11 | 4 |
File src/components/notfound/NotFound.css added (mode: 100644) (index 0000000..29e81a5) | |||
1 | .NotFound { | ||
2 | width: 100%; | ||
3 | text-align: center; | ||
4 | margin-top: 60px; | ||
5 | } | ||
6 | |||
7 | .NotFound-title { | ||
8 | font-weight: 400; | ||
9 | color: #9cb3c9; | ||
10 | } | ||
11 | |||
12 | .NotFound-link { | ||
13 | display: inline-block; | ||
14 | margin-top: 40px; | ||
15 | color: #fff; | ||
16 | text-decoration: none; | ||
17 | border: 1px solid #9cb3c9; | ||
18 | border-radius: 4px; | ||
19 | padding: 18px; | ||
20 | transition: border .2s; | ||
21 | } | ||
22 | |||
23 | .NotFound-link:hover { | ||
24 | border: 1px solid #fff; | ||
25 | } |
File src/components/notfound/NotFound.js added (mode: 100644) (index 0000000..847d477) | |||
1 | import React from 'react'; | ||
2 | import './NotFound.css'; | ||
3 | |||
4 | const NotFound = () => { | ||
5 | return( | ||
6 | <div className="NotFound"> | ||
7 | <h1 className="NotFound-title"> | ||
8 | Page not found! | ||
9 | </h1> | ||
10 | </div> | ||
11 | ) | ||
12 | } | ||
13 | |||
14 | export default NotFound |
File src/index.js changed (mode: 100644) (index 09a6ae3..4dee39d) | |||
1 | 1 | import React from 'react'; | import React from 'react'; |
2 | 2 | import ReactDOM from "react-dom"; | import ReactDOM from "react-dom"; |
3 | import { BrowserRouter, Route, Switch } from 'react-router-dom'; | ||
3 | 4 | import Header from "./components/common/Header"; | import Header from "./components/common/Header"; |
4 | 5 | import List from "./components/list/List"; | import List from "./components/list/List"; |
6 | import NotFound from "./components/notfound/NotFound"; | ||
5 | 7 | import './index.css' | import './index.css' |
6 | 8 | ||
7 | 9 | const App = () => { | const App = () => { |
8 | 10 | return ( | return ( |
9 | <div> | ||
10 | <Header/> | ||
11 | <List /> | ||
12 | </div> | ||
11 | <BrowserRouter> | ||
12 | <div> | ||
13 | <Header/> | ||
14 | <Switch> | ||
15 | <Route path="/" component={List} exact /> | ||
16 | <Route component={NotFound} /> | ||
17 | </Switch> | ||
18 | </div> | ||
19 | </BrowserRouter> | ||
13 | 20 | ||
14 | 21 | ); | ); |
15 | 22 | } | } |