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 (
+
+
@@ -22,7 +24,7 @@ class App extends React.Component {
-
+
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 (
-
+
HazeTV
@@ -70,7 +69,7 @@ class TopBar extends Component {
-
+
);
}
}
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 (
-
-
- Url loaded: {headers.url}
-
-
- Total videos: {items.length}
-
{items.map(item => (
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