lbry-desktop/ui/js/page/channel/view.jsx

47 lines
943 B
React
Raw Normal View History

2017-05-04 05:44:08 +02:00
import React from 'react';
2017-05-13 00:50:51 +02:00
class ChannelPage extends React.Component{
componentDidMount() {
this.fetchClaims(this.props)
}
2017-05-04 05:44:08 +02:00
2017-05-13 00:50:51 +02:00
componentWillReceiveProps(nextProps) {
this.fetchClaims(nextProps)
}
fetchClaims(props) {
if (props.claims === undefined) {
props.fetchClaims(props.uri)
}
}
render() {
const {
claims,
claim,
uri
} = this.props
console.log(claims);
return <main className="main--single-column">
<section className="card">
<div className="card__inner">
<div className="card__title-identity"><h1>{uri}</h1></div>
</div>
<div className="card__content">
<p>
This channel page is a stub.
</p>
</div>
</section>
<section className="card">
<div className="card__content">
{claims}
</div>
</section>
</main>
}
2017-05-04 05:44:08 +02:00
}
export default ChannelPage;