From eeffc71a1eec3e80f1a1e1147ef1e5581c721c3e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 9 Mar 2021 18:10:35 +0100 Subject: editor overview / gate --- .../views/editor/overview/overview.container.js | 64 ++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 animism-align/frontend/app/views/editor/overview/overview.container.js (limited to 'animism-align/frontend/app/views/editor/overview/overview.container.js') diff --git a/animism-align/frontend/app/views/editor/overview/overview.container.js b/animism-align/frontend/app/views/editor/overview/overview.container.js new file mode 100644 index 0000000..8ce64b9 --- /dev/null +++ b/animism-align/frontend/app/views/editor/overview/overview.container.js @@ -0,0 +1,64 @@ +import React, { Component } from 'react' +import { connect } from 'react-redux' +import { Link } from 'react-router-dom' + +import './overview.css' + +// import actions from 'app/actions' +import { Loader } from 'app/common' +import { groupResponseBy } from 'app/utils/api.utils' + +class OverviewContainer extends Component { + state = { + ready: true, + } + + constructor(props) { + super(props) + } + + componentDidMount() { + this.build() + } + + componentDidUpdate(prevProps) { + if (!this.state.ready) { + this.build() + } + } + + build() { + if (this.props.loading) return + // const episodes = groupResponseBy(this.props.episodes, 'project_id') + // const venues = groupResponseBy(this.props.venues, 'project_id') + // this.setState({ ready: true, episodes, venues }) + } + + render() { + const { loading, projects } = this.props + const { episodes, venues, ready } = this.state + if (loading || !ready) { + return ( +
+ +
+ ) + } + return ( +
+
+
+
+

Episode

+
+
+
+
+ ) + } +} + +const mapStateToProps = state => ({ +}) + +export default connect(mapStateToProps)(OverviewContainer) -- cgit v1.2.3-70-g09d2