Merge branch 'master' of https://bitbucket.org/sco44/tecnologiabanana

src/App.js

@@ -10,6 +10,7 @@ import Suggestion from './areainfo/Suggestion';
 import { ReactHeight } from 'react-height';
 import './css/App.css';
 
+
 class App extends React.Component {
 	state = {
 		playerHeight: null,

src/VideoInfo.js

@@ -1,15 +1,18 @@
 import React from 'react';
 import Wikipedia from './areainfo/Wikipedia';
 import { Tabs, Tab, Table } from 'react-bootstrap';
-import { withRouter } from 'react-router-dom';
+import {Link, withRouter} from 'react-router-dom';
 import axios from 'axios';
 import Linkify from "react-linkify";
 import Card from "react-bootstrap/lib/Card";
 import moment from 'moment';
 import momentDurationFormat from 'moment-duration-format';
 import './css/VideoInfo.scss';
+
+
 const ytclear = require('@c0b41/ytclear');
 
+
 class VideoInfo extends React.Component {
 
     state = {
@@ -165,12 +168,16 @@ class VideoInfo extends React.Component {
                                 <b>Channel name: </b>{VideoDetails.snippet.channelTitle}<br />
                                 <b>Description: </b><Linkify>{VideoDetails.snippet.description}</Linkify><br />
                                 <b>Tags: </b>{VideoDetails.snippet.tags ?
-                                    VideoDetails.snippet.tags.map(tag => (<span className='d-block'>{tag}</span>)) : ""}
-                                {/* tags should be links  */}
+                                    VideoDetails.snippet.tags.map(tag => (<Link
+                                        to={{
+                                            pathname: '/search/' + tag,
+                                        }}
+                                    > {tag} </Link>)) : ""}
                             </p>
                         </Tab>
                         <Tab className="text-white" eventKey="techinfo" title="Tecnical Informations">
-                            <p><b>Duration: </b>{momentDuration(VideoDetails.contentDetails.duration)}<br />
+                            <p>
+                                <b>Duration: </b>{momentDuration(VideoDetails.contentDetails.duration)}<br />
                                 <b>Definition: </b> {VideoDetails.contentDetails.definition}<br />
                                 <b>Dimension: </b> {VideoDetails.contentDetails.dimension}<br />
                                 <b>Views: </b> {VideoDetails.statistics.viewCount}<br />