From 403cbc013d3b6df367bdb561e4ccab6efeb4f9a9 Mon Sep 17 00:00:00 2001
From: matteo <matteoscorzafava@gmail.com>
Date: Wed, 21 Nov 2018 21:14:52 +0100
Subject: [PATCH] scroll lista iniziale, link react readme, minor changes

---
 README.md        |  6 ++++++
 src/App.css      |  6 ++++++
 src/App.js       |  4 +++-
 src/TopBar.js    |  5 ++---
 src/VideoList.js |  7 -------
 src/Wikipedia.js | 16 +++++++++++++---
 6 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index f8b7728..7db7472 100644
--- a/README.md
+++ b/README.md
@@ -234,6 +234,12 @@ Il css di bootstrap va importato una volta sola nel componente che racchiude tut
 - [Bootstrap 4.1 css classes](https://hackerthemes.com/bootstrap-cheatsheet)
 - [Bootstrap 4.1 site](https://getbootstrap.com/docs/4.1)
 - [ReactBootstrap reference](https://react-bootstrap.netlify.com/getting-started/introduction/)
+- [awesome-react-bootstrap](https://github.com/Hermanya/awesome-react-bootstrap-components/blob/master/readme.md)
+
+
+## React stuff
+
+[awesome-react](https://github.com/enaqx/awesome-react) --> lista di link su react.
 
 ## YouTube video player
 
diff --git a/src/App.css b/src/App.css
index b5c4552..2890bb5 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,9 @@
 .bg-black{
 background-color:#000000;
+}
+
+.scrollable{
+  overflow: auto !important;
+  height: 40vh;
+  margin-top: 2vh;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 105a125..52fd9ca 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,7 +12,9 @@ class App extends React.Component {
 	render() {
 		return (
 			<React.Fragment>
+				<Row>
 				<TopBar />
+				</Row>
 				<Row className="justify-content-center bg-black">
 					<Col xs="12" sm="6">
 						<Switch>
@@ -22,7 +24,7 @@ class App extends React.Component {
 						</Switch>
 					</Col>
 				</Row>
-				<Row>
+				<Row className='scrollable'>
 					<Switch>				
 					<Route path="/video/:id" component={VideoInfo} />
 					<Route exact path='/' component={VideoList} />
diff --git a/src/TopBar.js b/src/TopBar.js
index eb1d9e9..3652595 100644
--- a/src/TopBar.js
+++ b/src/TopBar.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import {
-	Row,
 	Navbar,
 	Nav,
 	NavDropdown,
@@ -35,7 +34,7 @@ class TopBar extends Component {
 	}
 	render() {
 		return (
-			<Row>
+			<React.Fragment>
 				<Navbar bg="dark" className="py-0 px-1 w-100" expand="md">
 					<Navbar.Brand>
 						<Link to="/">HazeTV</Link>
@@ -70,7 +69,7 @@ class TopBar extends Component {
 						</form>
 					</Navbar.Collapse>
 				</Navbar>
-			</Row>
+			</React.Fragment>
 		);
 	}
 }
diff --git a/src/VideoList.js b/src/VideoList.js
index 34e4b26..af55136 100644
--- a/src/VideoList.js
+++ b/src/VideoList.js
@@ -50,13 +50,6 @@ class VideoList extends React.Component {
 		} else {
 			return (
 				<React.Fragment>
-					<Col className="my-2" xs="12" sm="12">
-						<code>
-							Url loaded: <span className="bg-dark">{headers.url}</span>
-						</code>
-						<br />
-						<code>Total videos: {items.length}</code>
-					</Col>
 					{items.map(item => (
 						<Col key={item.videoID} lg="4" md="6">
 							<Card className="my-1">
diff --git a/src/Wikipedia.js b/src/Wikipedia.js
index bd3fe5e..4ce1e04 100644
--- a/src/Wikipedia.js
+++ b/src/Wikipedia.js
@@ -6,12 +6,22 @@ class Wikipedia extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      data : {},
+      data: {},
+      infobox: {},
       error: null,
       isLoaded: false
-     
     };
+this.getWikiBox = this.getWikiBox.bind(this);
+  }
 
+  getWikiBox(name){
+    wikijs()
+    .page(name)
+    .then(page => page.fullInfo())
+    .then(infobox => console.log(infobox)
+      //this.setState({ infobox })
+    );
+    //console.log('infobox', this.state.infobox)
   }
 
   // componentWillMount() {
@@ -19,7 +29,7 @@ class Wikipedia extends Component {
   // }
 
   componentDidMount() {
-    wikijs().search(this.props.query,1).then(data => {
+    wikijs().search(this.props.query).then(data => {
       this.setState({
         data, 
         isLoaded: true