p5.js-web-editor/client/modules/User/pages/CollectionView.jsx

92 lines
1.9 KiB
React
Raw Normal View History

2019-07-09 18:24:09 +02:00
import PropTypes from 'prop-types';
import React from 'react';
import { connect } from 'react-redux';
2019-09-25 19:20:49 +02:00
import Nav from '../../../components/Nav';
2019-07-09 18:24:09 +02:00
import CollectionCreate from '../components/CollectionCreate';
2019-09-08 18:54:49 +02:00
import Collection from '../components/Collection';
2019-07-09 18:24:09 +02:00
class CollectionView extends React.Component {
static defaultProps = {
user: null,
};
componentDidMount() {
document.body.className = this.props.theme;
}
ownerName() {
if (this.props.params.username) {
return this.props.params.username;
}
return this.props.user.username;
}
pageTitle() {
if (this.isCreatePage()) {
return 'Create collection';
}
return 'collection';
}
isOwner() {
return this.props.user.username === this.props.params.username;
}
isCreatePage() {
const path = this.props.location.pathname;
return /create$/.test(path);
}
renderContent() {
if (this.isCreatePage() && this.isOwner()) {
return <CollectionCreate />;
}
2019-09-08 18:54:49 +02:00
return (
<Collection
collectionId={this.props.params.collection_id}
username={this.props.params.username}
/>
);
2019-07-09 18:24:09 +02:00
}
render() {
return (
<div className="dashboard">
<Nav layout="dashboard" ownerName={this.ownerName()} />
2019-07-09 18:24:09 +02:00
2019-09-08 18:54:49 +02:00
{this.renderContent()}
2019-07-09 18:24:09 +02:00
</div>
);
}
}
function mapStateToProps(state) {
return {
user: state.user,
theme: state.preferences.theme
};
}
function mapDispatchToProps(dispatch) {
}
CollectionView.propTypes = {
location: PropTypes.shape({
pathname: PropTypes.string.isRequired,
}).isRequired,
params: PropTypes.shape({
2019-09-08 18:54:49 +02:00
collection_id: PropTypes.string.isRequired,
2019-07-09 18:24:09 +02:00
username: PropTypes.string.isRequired,
}).isRequired,
theme: PropTypes.string.isRequired,
user: PropTypes.shape({
username: PropTypes.string.isRequired,
}),
};
export default connect(mapStateToProps, mapDispatchToProps)(CollectionView);