chore(Re-installed Es-lint): Refactored Eslint to get rid of annoying…

… parsing error

.eslintrc

@@ -1,6 +1,11 @@
 {
 	"root": true,
-	"extends": "airbnb-base",
+	"extends": "airbnb",
+	"plugins": [
+		"import",
+		"react",
+		"jsx-a11y"
+	],
 	"env": {
 		"browser": true,
 		"jquery": true,

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+	"eslint.enable": true
+}

client/src/app/components/container/LandingPage.js

@@ -0,0 +1,76 @@
+import React from 'react'
+import {Row} from 'react-materialize'
+import PropTypes from 'prop-types'
+import {connect} from 'react-redux'
+import { fetchBooksforDashboard }  from '../../actions/fetchbooks';
+
+import {Book} from '../presentation/common/Book/DisplayBook';
+
+
+
+/*
+eslint-disable
+ */
+class LandingPage extends React.Component{
+	constructor(props) {
+    super(props);
+    this.state = {
+      limit: 8,
+      offset: 0
+    };
+  }
+	componentWillMount() {
+    this
+        .props
+        .fetchBooksforDashboard(this.state.offset, this.state.limit)
+  }
+
+
+
+render() {
+  if (!this.props.books) {
+    return <h5>Loading....</h5>
+  }
+  const getAllBooks = this
+      .props
+      .books
+      .map((book) => {
+          return (<Book
+              key={book.id}
+              title={book.title}
+              author
+              ={book.author}
+              category={book.category}
+              description={book.description}
+              image={book.bookimage}/>);
+      });
+    return (
+    <Row>
+  <div className='body-wrapper'>
+    <div className='overlay-main'>
+      <Row>
+        <div className='overlay'>
+          <h3>Latest Books Available: </h3>
+          <hr/>
+          <h5> To Loan Login </h5>
+
+            <p>Click a book for a look at the description</p>
+              {[...getAllBooks]}
+
+        </div>
+  </Row>
+        </div>
+  </div>
+    </Row>
+    );
+  }
+}
+
+const mapStateToProps = (state) => {
+  return {
+    books: state.bookReducer.books.books,
+    pagination: state.bookReducer.books.pagination
+  };
+};
+
+export default connect (mapStateToProps,{ fetchBooksforDashboard })(LandingPage);

client/src/app/components/presentation/common/Book.js → client/src/app/components/presentation/common/Book/DisplayBook.js

@@ -20,35 +20,10 @@ export const Book  = (books) =>{
               <p>Title: {books.title}</p>
               <p>Category: {books.category}</p>
               <p>Author: {books.author}</p>
-
             </div>
-
-
           </div>
-
         </div>
 
-
-            // <div>
-
-            //     <Col m={7} s={12} l={5}>
-            //       <Card className ='transparent'
-            //       horizontal header={<CardTitle image={books.image}></CardTitle>}
-            //       actions={[<a href='#'>More Information</a>]}>
-            //           <p>Title: {books.title}</p>
-            //           <p>Category: {books.category}</p>
-            //           <p>Author: {books.author}</p>
-            //           <p >Quantity: {books.quantity}</p>
-            //           <Modal header={`${books.title}`} fixedFooter
-            //           trigger={<Button>Loan</Button>} actions={[<a href='#'>Loan Book &nbsp;</a>]}>
-            //           <p>Description: {books.description}</p>
-            //           </Modal>
-            //       </Card>
-            //     </Col>
-
-
-            // </div>
-
         )
 
 }

client/src/app/mainRoot.js

@@ -2,7 +2,7 @@ import React, {Component} from 'react'
 import {render} from 'react-dom';
 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
 import {Root} from './components/Root'
-import LandingPage  from './components/presentation/LandingPage'
+import LandingPage  from './components/container/LandingPage'
 //import Login from '../app/components/container/Login'
 // import Register from './containers/Register'
 // import Profile from './components/Profile'