Skip to content

Commit f707948

Browse files
flexboxflexbox
committed
Run prettier on all files for concistency
1 parent e3b67ff commit f707948

7 files changed

Lines changed: 180 additions & 69 deletions

File tree

‎src/components/App.js‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,47 @@
1-
import React from "react";
1+
import React from 'react'
22

3-
import Menu from "./Navigations/Menu";
4-
import Header from "./Header";
5-
import books from "../mocks/books";
3+
import Menu from './Navigations/Menu'
4+
import Header from './Header'
5+
import books from '../mocks/books'
66

77
class App extends React.Component {
88
constructor() {
9-
super();
9+
super()
1010
this.state = {
1111
books: books,
12-
selectedFilter: "All",
12+
selectedFilter: 'All',
1313
menu: { open: false }
14-
};
14+
}
1515
}
1616

1717
toggleMenu = () => {
1818
this.setState(state => ({
1919
menu: { open: !state.menu.open }
20-
}));
21-
};
20+
}))
21+
}
2222

2323
selectFilter = filter => {
2424
this.setState({
2525
selectedFilter: filter,
2626
books:
27-
filter === "All"
27+
filter === 'All'
2828
? books
2929
: books.filter(book => book.category === filter)
30-
});
31-
};
30+
})
31+
}
3232

3333
render() {
34-
const filters = ["All", "Web", "Mobile", "DevOps", "Essentials"];
34+
const filters = ['All', 'Web', 'Mobile', 'DevOps', 'Essentials']
3535

3636
const tabItems = filters.map(filter => (
3737
<li
38-
className={filter === this.state.selectedFilter ? "active" : ""}
38+
className={filter === this.state.selectedFilter ? 'active' : ''}
3939
key={filter}
4040
onClick={() => this.selectFilter(filter)}
4141
>
4242
<a href="#0">{filter}</a>
4343
</li>
44-
));
44+
))
4545

4646
return (
4747
<div id="page-wrap">
@@ -110,8 +110,8 @@ class App extends React.Component {
110110
<div className="row">
111111
<div className="col-lg-4 col-lg-offset-2">
112112
<p>
113-
This library is an exercise for building UI in a{" "}
114-
<strong style={{ textDecoration: "underline" }}>
113+
This library is an exercise for building UI in a{' '}
114+
<strong style={{ textDecoration: 'underline' }}>
115115
declarative way
116116
</strong>
117117
. This web site will help you understand the fundamental piece
@@ -205,7 +205,7 @@ class App extends React.Component {
205205
<div className="container">
206206
<div className="row">
207207
<div className="col-lg-12">
208-
<span>Copyright &copy;</span>{" "}
208+
<span>Copyright &copy;</span>{' '}
209209
<a
210210
href="https://leanjs.com/"
211211
target="_blank"
@@ -219,8 +219,8 @@ class App extends React.Component {
219219
</div>
220220
</footer>
221221
</div>
222-
);
222+
)
223223
}
224224
}
225225

226-
export default App;
226+
export default App

‎src/components/Header.js‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,22 @@
11
import React from 'react'
22

3-
const Header = (props) => (
4-
<header>
5-
<div className="container">
6-
<div className="row">
7-
<div className="col-lg-12">
8-
<img alt="" className="img-responsive logo-academy" src="/img/logo.png" />
9-
<div className="intro-text">
10-
<span className="skills">{props.title}</span>
11-
</div>
12-
</div>
13-
</div>
3+
const Header = props => (
4+
<header>
5+
<div className="container">
6+
<div className="row">
7+
<div className="col-lg-12">
8+
<img
9+
alt="Logo ReactJS Academy"
10+
className="img-responsive logo-academy"
11+
src="/img/logo.png"
12+
/>
13+
<div className="intro-text">
14+
<span className="skills">{props.title}</span>
15+
</div>
1416
</div>
15-
</header>
17+
</div>
18+
</div>
19+
</header>
1620
)
1721

1822
export default Header

‎src/components/Navigations/Menu.js‎

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,24 @@ import React from 'react'
33
import SideMenu from './Menus/SideMenu'
44
import SideMenuItem from './Menus/SideMenuItem'
55

6-
const Menu = (props) => (
7-
<SideMenu
8-
isOpen={props.isOpen}
9-
toggleMenu={props.toggleMenu}
10-
>
6+
const Menu = props => (
7+
<SideMenu isOpen={props.isOpen} toggleMenu={props.toggleMenu}>
118
<h4>
12-
Next Courses <a onClick={() => props.toggleMenu()} style={{ cursor: 'pointer' }}><i className="fa fa-close pull-right"></i></a>
9+
Next Courses{' '}
10+
<a onClick={() => props.toggleMenu()} style={{ cursor: 'pointer' }}>
11+
<i className="fa fa-close pull-right" />
12+
</a>
1313
</h4>
14-
<SideMenuItem link="https://reactjs.academy/react-redux-training-london/">London part-time course</SideMenuItem>
15-
<SideMenuItem link="https://reactjs.academy/react-redux-graphql-bootcamp-london/">London Bootcamp</SideMenuItem>
16-
<SideMenuItem link="https://reactjs.academy/react-redux-graphql-bootcamp-lisbon/">Lisbon Bootcamp</SideMenuItem>
14+
<SideMenuItem link="https://reactjs.academy/react-redux-training-london/">
15+
London part-time course
16+
</SideMenuItem>
17+
<SideMenuItem link="https://reactjs.academy/react-redux-graphql-bootcamp-london/">
18+
London Bootcamp
19+
</SideMenuItem>
20+
<SideMenuItem link="https://reactjs.academy/react-redux-graphql-bootcamp-lisbon/">
21+
Lisbon Bootcamp
22+
</SideMenuItem>
1723
<SideMenuItem>GraphQL (comming soon)</SideMenuItem>
18-
1924
</SideMenu>
2025
)
2126

‎src/components/Navigations/Menus/SideMenu.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react'
22
import * as BurgerMenu from 'react-burger-menu'
33

4-
const SideMenu = (props) => (
4+
const SideMenu = props => (
55
<div>
66
<BurgerMenu.slide
77
isOpen={props.isOpen}

‎src/components/Navigations/Menus/SideMenuItem.js‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,13 @@
11
import React from 'react'
22

3-
const SideMenuItem = (props) => (
3+
const SideMenuItem = props => (
44
<p>
5-
<a href={props.link} target="_blank" rel="noopener noreferrer" style={{ cursor: 'pointer' }}>
5+
<a
6+
href={props.link}
7+
target="_blank"
8+
rel="noopener noreferrer"
9+
style={{ cursor: 'pointer' }}
10+
>
611
{props.children}
712
</a>
813
</p>

‎src/index.js‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,4 @@ import ReactDOM from 'react-dom'
33

44
import App from './components/App'
55

6-
ReactDOM.render(
7-
<App />,
8-
document.getElementById('root')
9-
)
6+
ReactDOM.render(<App />, document.getElementById('root'))

‎src/mocks/books.js‎

Lines changed: 120 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,126 @@
11
const images = '/img/books'
22

33
const books = [
4-
{ id: 1, title: 'Learning React', cover: `${images}/learning-react.jpg`, category: 'Web' },
5-
{ id: 2, title: 'Learn design pattern', cover: `${images}/designpattern.jpg`, category: 'Essentials'},
6-
{ id: 3, title: 'React Up and Running', cover: `${images}/react-up.jpg`, category: 'Web' },
7-
{ id: 4, title: 'Learning React Native', cover: `${images}/reactnative.jpg`, category: 'Mobile' },
8-
{ id: 5, title: 'React Native CookBook', cover: `${images}/react-native-cookbook.jpg`, category: 'Mobile' },
9-
{ id: 6, title: 'Bootstrap 4 Blueprints', cover: `${images}/bootstrap4-blue.jpg`, category: 'Ux' },
10-
{ id: 7, title: 'AWS System Administration', cover: `${images}/aws-admin.jpg`, category: 'DevOps' },
11-
{ id: 8, title: 'Effective DevOps', cover: `${images}/effective-devops.jpg`, category: 'DevOps' },
12-
{ id: 9, title: 'Kubernetes Up & Running', cover: `${images}/kubernetes.jpg`, category: 'DevOps' },
13-
{ id: 11, title: 'Using Docker', cover: `${images}/using-docker.jpg`, category: 'DevOps' },
14-
{ id: 12, title: 'Learning Angular JS', cover: `${images}/learning-angularjs.jpg`, category: 'Web' },
15-
{ id: 13, title: 'Angular JS', cover: `${images}/angularjs.jpg`, category: 'Web' },
16-
{ id: 14, title: 'Angular JS 2', cover: `${images}/angular2-ninja.jpg`, category: 'Web' },
17-
{ id: 15, title: 'Getting Better in JavaScript', cover: `${images}/javascript.jpg`, category: 'Outdated' },
18-
{ id: 16, title: 'Javascript Testing Jasmine', cover: `${images}/test-jasmine.jpg`, category: 'Test' },
19-
{ id: 17, title: 'Eloquent Javascript', cover: `${images}/eloquent-js.jpg`, category: 'Essentials'},
20-
{ id: 18, title: 'Building Microservices', cover: `${images}/microservices.jpg`, category: 'DevOps'},
21-
{ id: 19, title: 'DevOps Handbook', cover: `${images}/devops-handbook.jpg`, category: 'DevOps' },
22-
{ id: 20, title: 'Setting up nginx', cover: `${images}/nginx.jpg`, category: 'DevOps'},
23-
{ id: 21, title: 'Getting started React Native', cover: `${images}/get-start-react-native.jpg`, category: 'Mobile' },
4+
{
5+
id: 1,
6+
title: 'Learning React',
7+
cover: `${images}/learning-react.jpg`,
8+
category: 'Web'
9+
},
10+
{
11+
id: 2,
12+
title: 'Learn design pattern',
13+
cover: `${images}/designpattern.jpg`,
14+
category: 'Essentials'
15+
},
16+
{
17+
id: 3,
18+
title: 'React Up and Running',
19+
cover: `${images}/react-up.jpg`,
20+
category: 'Web'
21+
},
22+
{
23+
id: 4,
24+
title: 'Learning React Native',
25+
cover: `${images}/reactnative.jpg`,
26+
category: 'Mobile'
27+
},
28+
{
29+
id: 5,
30+
title: 'React Native CookBook',
31+
cover: `${images}/react-native-cookbook.jpg`,
32+
category: 'Mobile'
33+
},
34+
{
35+
id: 6,
36+
title: 'Bootstrap 4 Blueprints',
37+
cover: `${images}/bootstrap4-blue.jpg`,
38+
category: 'Ux'
39+
},
40+
{
41+
id: 7,
42+
title: 'AWS System Administration',
43+
cover: `${images}/aws-admin.jpg`,
44+
category: 'DevOps'
45+
},
46+
{
47+
id: 8,
48+
title: 'Effective DevOps',
49+
cover: `${images}/effective-devops.jpg`,
50+
category: 'DevOps'
51+
},
52+
{
53+
id: 9,
54+
title: 'Kubernetes Up & Running',
55+
cover: `${images}/kubernetes.jpg`,
56+
category: 'DevOps'
57+
},
58+
{
59+
id: 11,
60+
title: 'Using Docker',
61+
cover: `${images}/using-docker.jpg`,
62+
category: 'DevOps'
63+
},
64+
{
65+
id: 12,
66+
title: 'Learning Angular JS',
67+
cover: `${images}/learning-angularjs.jpg`,
68+
category: 'Web'
69+
},
70+
{
71+
id: 13,
72+
title: 'Angular JS',
73+
cover: `${images}/angularjs.jpg`,
74+
category: 'Web'
75+
},
76+
{
77+
id: 14,
78+
title: 'Angular JS 2',
79+
cover: `${images}/angular2-ninja.jpg`,
80+
category: 'Web'
81+
},
82+
{
83+
id: 15,
84+
title: 'Getting Better in JavaScript',
85+
cover: `${images}/javascript.jpg`,
86+
category: 'Outdated'
87+
},
88+
{
89+
id: 16,
90+
title: 'Javascript Testing Jasmine',
91+
cover: `${images}/test-jasmine.jpg`,
92+
category: 'Test'
93+
},
94+
{
95+
id: 17,
96+
title: 'Eloquent Javascript',
97+
cover: `${images}/eloquent-js.jpg`,
98+
category: 'Essentials'
99+
},
100+
{
101+
id: 18,
102+
title: 'Building Microservices',
103+
cover: `${images}/microservices.jpg`,
104+
category: 'DevOps'
105+
},
106+
{
107+
id: 19,
108+
title: 'DevOps Handbook',
109+
cover: `${images}/devops-handbook.jpg`,
110+
category: 'DevOps'
111+
},
112+
{
113+
id: 20,
114+
title: 'Setting up nginx',
115+
cover: `${images}/nginx.jpg`,
116+
category: 'DevOps'
117+
},
118+
{
119+
id: 21,
120+
title: 'Getting started React Native',
121+
cover: `${images}/get-start-react-native.jpg`,
122+
category: 'Mobile'
123+
}
24124
]
25125

26126
export default books

0 commit comments

Comments
 (0)