34 lines
849 B
JavaScript
34 lines
849 B
JavaScript
import React, { PropTypes } from 'react';
|
|
import NoSSR from 'react-no-ssr';
|
|
|
|
import Drawer from './Drawer.jsx';
|
|
import ShowMap from '../routes/challenges/components/map/Map.jsx';
|
|
|
|
export default class MapDrawer extends React.Component {
|
|
static displayName = 'MapDrawer';
|
|
static propTypes = {
|
|
isOpen: PropTypes.bool,
|
|
isAlreadyLoaded: PropTypes.bool,
|
|
toggleMapDrawer: PropTypes.func
|
|
};
|
|
|
|
render() {
|
|
const { isOpen, isAlreadyLoaded, toggleMapDrawer } = this.props;
|
|
return (
|
|
<Drawer
|
|
closeAria='close map aside'
|
|
closeDrawer={ toggleMapDrawer }
|
|
isOpen={ isOpen }
|
|
newTabAria='open map in new tab'
|
|
newTabLink='/map'
|
|
>
|
|
<NoSSR>
|
|
<div>
|
|
{ isAlreadyLoaded || isOpen ? <ShowMap /> : null }
|
|
</div>
|
|
</NoSSR>
|
|
</Drawer>
|
|
);
|
|
}
|
|
}
|