2018-11-08 18:22:06 +01:00
|
|
|
import React, { Component } from 'react';
|
|
|
|
|
import PropTypes from 'prop-types';
|
2018-12-15 00:24:41 +01:00
|
|
|
import { Row, Col, Button, Collapse } from 'react-bootstrap';
|
|
|
|
|
// import Random from './reccomenders/Random';
|
|
|
|
|
// import Related from './reccomenders/Related';
|
2018-11-08 18:22:06 +01:00
|
|
|
// and so on..
|
|
|
|
|
|
|
|
|
|
class Suggestion extends Component {
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentWillMount() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentWillReceiveProps(nextProps) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
shouldComponentUpdate(nextProps, nextState) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentWillUpdate(nextProps, nextState) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidUpdate(prevProps, prevState) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentWillUnmount() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
render() {
|
2018-12-15 00:24:41 +01:00
|
|
|
let a =['','','','','','','','','','',''];
|
2018-11-08 18:22:06 +01:00
|
|
|
return (
|
2018-12-15 00:24:41 +01:00
|
|
|
<React.Fragment>
|
|
|
|
|
<Col xs="10">
|
|
|
|
|
<Row>
|
|
|
|
|
{a.map((x,i) => <Col xs={{'span': 10, 'offset': 1}} className="mt-1 border border-danger">- video {i}</Col>)}
|
|
|
|
|
</Row>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col className="mt-1 mr-2 border border-danger">
|
|
|
|
|
{a.map((x,i) => i)}
|
|
|
|
|
?? box utile o superfluo?
|
|
|
|
|
</Col>
|
|
|
|
|
</React.Fragment>
|
2018-11-08 18:22:06 +01:00
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Suggestion.propTypes = {
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default Suggestion;
|