import './index.css';
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Viewer from '../Viewer';

class Editor extends Component {
    render() {
        const { presId } = this.props;
        return (
            <div className="editor-wrapper">
                <Viewer presId={presId}/>
            </div>
        )
    }
}

Editor.propTypes = {
    presId: PropTypes.string.isRequired
};

export default Editor;
@@ -129,95 +129,951 @@
 r';%0A
-%0Aclass Editor extends Component %7B%0A    render() %7B%0A        const %7B presId %7D = this.props;
+import presentations from '../../data/presentations';%0Aimport PreviewPanel from './components/PreviewPanel';%0A%0Aclass Editor extends Component %7B%0A    constructor(props) %7B%0A        super(props);%0A        this.state = %7B%0A            presentation: null,%0A            loading: true,%0A            activeSlideIndex: 0,%0A            error: null,%0A        %7D;%0A    %7D%0A%0A    componentDidMount() %7B%0A        const %7B presId %7D = this.props;%0A        presentations.get(presId)%0A            .then(presentation =%3E %7B%0A                this.setState(%7B%0A                    presentation,%0A                    loading: false,%0A                    activeSlideIndex: 0,%0A                %7D)%0A            %7D)%0A            .catch(err =%3E %7B%0A                this.setState(%7B%0A                    error: err,%0A                    loading: false,%0A                %7D)%0A            %7D)%0A    %7D%0A%0A    render() %7B%0A        const %7B presId %7D = this.props;%0A        const %7B loading, error, presentation %7D = this.state;%0A
 %0A   

Add logic to getting the presentation to the editor