diff --git a/src/AboutUs.js b/src/AboutUs.js index c01711b..28238a2 100644 --- a/src/AboutUs.js +++ b/src/AboutUs.js @@ -2,7 +2,7 @@ import React, { Component } from 'react' import { Container, Row, Col, Image } from 'react-bootstrap'; import './css/AboutUs.css'; -export default class AboutUs extends Component { +export default class Home extends Component { render() { return ( diff --git a/src/VideoPlayer.js b/src/VideoPlayer.js index 51a8d00..26f00a0 100644 --- a/src/VideoPlayer.js +++ b/src/VideoPlayer.js @@ -15,8 +15,8 @@ class VideoPlayer extends React.Component { modestbranding: 1, fs: 0, iv_load_policy:3, - rel: 0 - //origin//: 'http://site1854.tw.cs.unibo.it' + rel: 0, + origin//: 'http://site1854.tw.cs.unibo.it' } }, promise1: null, @@ -42,7 +42,7 @@ class VideoPlayer extends React.Component { // access to player in all event handlers via event.target _onError(event) { - this.setState({error:event.data}); + console.error('Player error: ', event); } _onPlay(event) {} @@ -86,11 +86,9 @@ class VideoPlayer extends React.Component { .then( videoIdWatched => { // post request to local db - let reason = new URLSearchParams(this.props.location.search).get("ref"); axios .post('http://site1854.tw.cs.unibo.it/videotrack', { - id: videoIdWatched.toString(), - reason: reason || undefined + id: videoIdWatched.toString() }) .then( response => console.info(response.data), @@ -109,7 +107,9 @@ class VideoPlayer extends React.Component { tmp[j].timesWatched++; tmp[j].lastWatched= new Date(); } + tmp.sort((a, b) => new Date(b.lastWatched).getTime() - new Date(a.lastWatched).getTime()); + localStorage.setItem('lastWatched', JSON.stringify(tmp)); diff --git a/src/reccomenders/Recent.js b/src/reccomenders/Recent.js index 9181433..0011dae 100644 --- a/src/reccomenders/Recent.js +++ b/src/reccomenders/Recent.js @@ -55,8 +55,8 @@ class Recent extends React.Component { } + render() { - const recentVideoList = JSON.parse(localStorage.getItem('lastWatched')) const { error, isLoaded, items } = this.state; if (error) { return ( @@ -65,15 +65,19 @@ class Recent extends React.Component { ); } else if (!isLoaded) { - return -
- ; + return ( + + +

Loading...

+ +
+ ); } else { return ( {items.map(item => ( - - + + -
- + + +

Loading...

+ +
); } else { - if(window.innerWidth < 992){ - return( + return ( {items.map(item=>( @@ -99,43 +101,16 @@ class fvitali extends React.Component { /> -

{item.name}

-

{item.lastSelected}

-

Reccomender: fvitali

+ {item.name}
+ {item.lastSelected}
))} +
); - }else{ - return( -
    { - items.map(item => ( - - {'Thumbnail - -
    {item.name}
    -

    {item.lastSelected}

    -

    Reccomender: fvitali

    -
    - - )) - }
- );} } } }