Archived
eliminata areainfo/ ;; Suggestion e Wikipedia sono in src/
This commit is contained in:
+4
-2
@@ -5,7 +5,7 @@ import TopBar from './TopBar';
|
|||||||
import VideoPlayer from './VideoPlayer';
|
import VideoPlayer from './VideoPlayer';
|
||||||
import VideoInfo from './VideoInfo';
|
import VideoInfo from './VideoInfo';
|
||||||
import VideoList from './VideoList';
|
import VideoList from './VideoList';
|
||||||
import Suggestion from './areainfo/Suggestion';
|
import Suggestion from './Suggestion';
|
||||||
import { ReactHeight } from 'react-height';
|
import { ReactHeight } from 'react-height';
|
||||||
import './css/App.css';
|
import './css/App.css';
|
||||||
|
|
||||||
@@ -60,7 +60,9 @@ class App extends React.Component {
|
|||||||
xs="12"
|
xs="12"
|
||||||
lg={this.state.isInfoToggled ? { span: 5, order: 1 } : { span: 3, order: 1 }}
|
lg={this.state.isInfoToggled ? { span: 5, order: 1 } : { span: 3, order: 1 }}
|
||||||
className="p-0 p-xs-0"
|
className="p-0 p-xs-0"
|
||||||
style={window.innerWidth < 992 ? { 'overflow': "auto", 'display': 'fixed', 'maxHeight': this.state.playerHeight * 1.4 + 'px' } : { 'overflow': "auto", 'maxHeight': `${this.state.playerHeight}px` }}>
|
style={window.innerWidth < 992 ?
|
||||||
|
{ 'overflow': "auto", 'display': 'fixed', 'maxHeight': this.state.playerHeight * 1.4 + 'px' } :
|
||||||
|
{ 'overflow': "auto", 'maxHeight': `${this.state.playerHeight}px` }}>
|
||||||
{/* true = style for xs ;; false = style for lg */}
|
{/* true = style for xs ;; false = style for lg */}
|
||||||
<div className="d-flex justify-content-center">
|
<div className="d-flex justify-content-center">
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { Row } from 'react-bootstrap';
|
import { Row } from 'react-bootstrap';
|
||||||
import { Switch, Route } from 'react-router';
|
import { Switch, Route } from 'react-router';
|
||||||
import Random from '../reccomenders/Random';
|
import Random from './reccomenders/Random';
|
||||||
import Related from '../reccomenders/Related';
|
import Related from './reccomenders/Related';
|
||||||
import Search from '../reccomenders/Search';
|
import Search from './reccomenders/Search';
|
||||||
import fvitali from '../reccomenders/fvitali';
|
import fvitali from './reccomenders/fvitali';
|
||||||
import popGlobaleAssoluta from '../reccomenders/popGlobaleAssoluta';
|
import popGlobaleAssoluta from './reccomenders/popGlobaleAssoluta';
|
||||||
import Recent from '../reccomenders/Recent';
|
import Recent from './reccomenders/Recent';
|
||||||
|
|
||||||
// and so on..
|
// and so on..
|
||||||
|
|
||||||
+4
-4
@@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Wikipedia from './areainfo/Wikipedia';
|
import Wikipedia from './Wikipedia';
|
||||||
import { Card, Tabs, Tab } from 'react-bootstrap';
|
import { Card, Tabs, Tab } from 'react-bootstrap';
|
||||||
import {Link} from 'react-router-dom';
|
import {Link} from 'react-router-dom';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
@@ -99,7 +99,7 @@ class VideoInfo extends React.Component {
|
|||||||
<b>Description: </b><Linkify>{VideoDetails.snippet.description}</Linkify><br />
|
<b>Description: </b><Linkify>{VideoDetails.snippet.description}</Linkify><br />
|
||||||
<b>Tags: </b>{VideoDetails.snippet.tags ?
|
<b>Tags: </b>{VideoDetails.snippet.tags ?
|
||||||
VideoDetails.snippet.tags.map((tag,i) =>
|
VideoDetails.snippet.tags.map((tag,i) =>
|
||||||
( <span><Link key={i} to={{pathname: '/search/' + tag}}>{tag}</Link>{" "}</span> ))
|
( <span key={i}><Link to={{pathname: '/search/' + tag}}>{tag}</Link>{" "}</span> ))
|
||||||
: ""}
|
: ""}
|
||||||
</p>
|
</p>
|
||||||
</Tab>
|
</Tab>
|
||||||
@@ -137,9 +137,9 @@ class VideoInfo extends React.Component {
|
|||||||
</Tab>
|
</Tab>
|
||||||
<Tab className="text-white" eventKey="wikipedia" title="Wikipedia">
|
<Tab className="text-white" eventKey="wikipedia" title="Wikipedia">
|
||||||
<Wikipedia
|
<Wikipedia
|
||||||
title={'undefined' !== typeof this.props.location.state ? this.props.location.state.title: undefined}
|
title={this.props.location.state.title}
|
||||||
title2={ytclear(this.state.VideoDetails.snippet.title).split('-')[1]}
|
title2={ytclear(this.state.VideoDetails.snippet.title).split('-')[1]}
|
||||||
artist={'undefined' !== typeof this.props.location.state ? this.props.location.state.artist: undefined}
|
artist={this.props.location.state.artist}
|
||||||
artist2={ytclear(this.state.VideoDetails.snippet.title).split('-')[0]}
|
artist2={ytclear(this.state.VideoDetails.snippet.title).split('-')[0]}
|
||||||
key={this.props.videoId}
|
key={this.props.videoId}
|
||||||
videoId={this.props.videoId}
|
videoId={this.props.videoId}
|
||||||
|
|||||||
@@ -13,9 +13,7 @@ class Search extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// static getDerivedStateFromProps(nextProps, prevState) {
|
// static getDerivedStateFromProps(nextProps, prevState) {
|
||||||
// if (nextProps.match.params.query !== prevState.query)
|
|
||||||
// return { query: nextProps.match.params.query };
|
|
||||||
// return null;
|
|
||||||
// }
|
// }
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
|
|||||||
Reference in New Issue
Block a user