58 lines
1.4 KiB
JavaScript
Executable File
58 lines
1.4 KiB
JavaScript
Executable File
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { connect } from 'react-redux';
|
|
import { BrowserRouter as Router } from 'react-router-dom';
|
|
|
|
import Footer from '@edx/frontend-component-footer';
|
|
import { LearningHeader as Header } from '@edx/frontend-component-header';
|
|
|
|
import { selectors } from 'data/redux';
|
|
|
|
import DemoWarning from 'containers/DemoWarning';
|
|
import CTA from 'containers/CTA';
|
|
import ListView from 'containers/ListView';
|
|
|
|
import './App.scss';
|
|
import Head from './components/Head';
|
|
|
|
export const App = ({ courseMetadata, isEnabled }) => (
|
|
<Router>
|
|
<div>
|
|
<Head />
|
|
<Header
|
|
courseTitle={courseMetadata.title}
|
|
courseNumber={courseMetadata.number}
|
|
courseOrg={courseMetadata.org}
|
|
/>
|
|
{!isEnabled && <DemoWarning />}
|
|
<CTA />
|
|
<main>
|
|
<ListView />
|
|
</main>
|
|
<Footer logo={process.env.LOGO_POWERED_BY_OPEN_EDX_URL_SVG} />
|
|
</div>
|
|
</Router>
|
|
);
|
|
App.defaultProps = {
|
|
courseMetadata: {
|
|
title: '',
|
|
number: null,
|
|
org: '',
|
|
},
|
|
};
|
|
App.propTypes = {
|
|
courseMetadata: PropTypes.shape({
|
|
title: PropTypes.string,
|
|
number: PropTypes.string,
|
|
org: PropTypes.string,
|
|
}),
|
|
isEnabled: PropTypes.bool.isRequired,
|
|
};
|
|
|
|
export const mapStateToProps = (state) => ({
|
|
courseMetadata: selectors.app.courseMetadata(state),
|
|
isEnabled: selectors.app.isEnabled(state),
|
|
});
|
|
|
|
export default connect(mapStateToProps)(App);
|