From 242effb4c84b83069fbe199019189c515a8966b6 Mon Sep 17 00:00:00 2001
From: matteo <matteoscorzafava@gmail.com>
Date: Wed, 30 Jan 2019 21:45:29 +0100
Subject: [PATCH] sono finite le banane

---
 src/TopBar.js              |  4 +--
 src/areainfo/Suggestion.js |  9 +++---
 src/reccomenders/Search.js | 61 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 67 insertions(+), 7 deletions(-)
 create mode 100644 src/reccomenders/Search.js

diff --git a/src/TopBar.js b/src/TopBar.js
index d6e3f4a..e44284b 100644
--- a/src/TopBar.js
+++ b/src/TopBar.js
@@ -16,12 +16,12 @@ class TopBar extends Component {
 	state = {
 		query: ''
 	};
-	handleChange(event) {
+	handleChange = event => {
 		this.setState({
 			query: event.target.value
 		});
 	}
-	handleSubmit(event) {
+	handleSubmit = event => {
 		event.preventDefault();
 		event.target.reset();
 		this.props.history.push('/search/' + this.state.query);
diff --git a/src/areainfo/Suggestion.js b/src/areainfo/Suggestion.js
index ac0d71d..66c6216 100644
--- a/src/areainfo/Suggestion.js
+++ b/src/areainfo/Suggestion.js
@@ -4,6 +4,8 @@ import { Row, Col, Button, Collapse } from 'react-bootstrap';
 import { Switch, Route } from 'react-router';
 import Random from '../reccomenders/Random';
 import Related from '../reccomenders/Related';
+import Search from '../reccomenders/Search';
+
 // and so on..
 
 class Suggestion extends Component {
@@ -43,7 +45,8 @@ class Suggestion extends Component {
         </Col> */}
         <Col xs="10">
         <Switch>
-          
+        
+        <Route path='/search/:query' component={Search} />
         <Route path='/video/:id/random' component={Random} />
         {/* lasciare questo per ultimo */}
           <Route component={Related} /> 
@@ -54,8 +57,4 @@ class Suggestion extends Component {
   }
 }
 
-Suggestion.propTypes = {
-
-};
-
 export default Suggestion;
\ No newline at end of file
diff --git a/src/reccomenders/Search.js b/src/reccomenders/Search.js
new file mode 100644
index 0000000..a84c3df
--- /dev/null
+++ b/src/reccomenders/Search.js
@@ -0,0 +1,61 @@
+import React from 'react';
+import axios from 'axios';
+
+class Search extends React.Component {
+
+    state = {
+        query: '',
+        res: null
+    }
+
+    static getDerivedStateFromProps(nextProps, prevState) {
+        if (nextProps.match.params.query !== prevState.query)
+            return { query: nextProps.match.params.query };
+        return null;
+    }
+
+    componentDidMount() {
+        this.youtubeSearch();
+    }
+
+    // shouldComponentUpdate(nextProps, nextState) {
+
+    // }
+
+    // componentDidUpdate(prevProps, prevState) {
+
+    // }
+
+    // componentWillUnmount() {
+
+    // }
+
+    youtubeSearch() {
+        axios.get('https://www.googleapis.com/youtube/v3/search', { //Richiesta per ottenere i commenti del video
+            params: {
+                'part': 'snippet',
+                'q': this.state.query,
+                'videoEmbeddable': 'true',
+                'type': 'video',
+                'maxResults': 30,
+                'topicId': '/m/04rlf, /m/02jjt',
+                'key': 'AIzaSyA21Odw9UdfiOJnxvA_eDfOW0OxuUfHKig' // process.env.APIKEY in production
+            }
+        }).then(
+            res => {
+                console.log(res.data)
+            },
+            error => {console.error(error)}
+        )
+    }
+
+    render() {
+        return (
+            <div>
+                <span>{this.state.query}  keyword</span>
+            </div>
+        );
+    }
+}
+
+export default Search;
\ No newline at end of file