You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
987 B
JavaScript
30 lines
987 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import ModalTypes from '../constants/ModalTypes';
|
|
import FixedWrapperContainer from '../containers/FixedWrapperContainer';
|
|
import StaticWrapperContainer from '../containers/StaticWrapperContainer';
|
|
import UsersModalContainer from '../containers/UsersModalContainer';
|
|
import UserSettingsModalContainer from '../containers/UserSettingsModalContainer';
|
|
import AddProjectModalContainer from '../containers/AddProjectModalContainer';
|
|
|
|
const App = ({ currentModal }) => (
|
|
<>
|
|
<FixedWrapperContainer />
|
|
<StaticWrapperContainer />
|
|
{currentModal === ModalTypes.USERS && <UsersModalContainer />}
|
|
{currentModal === ModalTypes.USER_SETTINGS && <UserSettingsModalContainer />}
|
|
{currentModal === ModalTypes.ADD_PROJECT && <AddProjectModalContainer />}
|
|
</>
|
|
);
|
|
|
|
App.propTypes = {
|
|
currentModal: PropTypes.oneOf(Object.values(ModalTypes)),
|
|
};
|
|
|
|
App.defaultProps = {
|
|
currentModal: undefined,
|
|
};
|
|
|
|
export default App;
|