openecomp-ui/src/sdc-app/Application.jsx

   1 /*!
   2  * Copyright © 2016-2018 European Support Limited
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  13  * or implied. See the License for the specific language governing
  14  * permissions and limitations under the License.
  15  */
  16 import React from 'react';
  17 import PropTypes from 'prop-types';
  18 import { Provider } from 'react-redux';
  19 import GlobalModal from 'nfvo-components/modal/GlobalModal.js';
  20 import Notifications from 'nfvo-components/notification/Notifications.js';
  21 import Loader from 'nfvo-components/loader/Loader.jsx';
  22 import WebSocketUtil from 'nfvo-utils/WebSocketUtil.js';
  23 import UserNotificationsActionHelper from 'sdc-app/onboarding/userNotifications/UserNotificationsActionHelper.js';
  24 import store from './AppStore.js';
  25 import FeaturesActionHelper from 'sdc-app/features/FeaturesActionHelper.js';
  26
  27 class Application extends React.Component {
  28     static propTypes = {
  29         openSocket: PropTypes.bool
  30     };
  31     componentDidMount() {
  32         const { openSocket = true } = this.props;
  33         if (openSocket) {
  34             UserNotificationsActionHelper.notificationsFirstHandling(
  35                 store.dispatch
  36             );
  37         }
  38         FeaturesActionHelper.getFeaturesList(store.dispatch);
  39     }
  40     componentWillUnmount() {
  41         WebSocketUtil.close();
  42     }
  43     render() {
  44         return (
  45             <Provider store={store}>
  46                 <div data-onboardingroot="">
  47                     <GlobalModal />
  48                     <Notifications />
  49                     {this.props.children}
  50                     <Loader />
  51                 </div>
  52             </Provider>
  53         );
  54     }
  55 }
  56
  57 export default Application;