ih-portal/src/tabs/AcademicTab.js

A project for connecting interaction hub services with catalyst-ui components

import React from 'react';
import ReactDOM from 'react-dom';

import { Provider } from 'react-redux';
import { initBlackLionCaching } from 'ih-black-lion';

import SessionStorage from '../utils/asyncSessionStorage';
import AcademicTabProvider from './AcademicTabProvider.jsx';

import './piglet.css';


/**
 * Render AcademicTabProvider and bind to elementId.
 * @param  {string} elementId DOM element to bind component to
 * @return {none}
 */
export default function loadAcademicTab(elementId) {
  initBlackLionCaching(
    (blackLion) => {
      ReactDOM.render((
          <div key="top-level-node">
            <Provider key="Provider" store={blackLion}>
              <AcademicTabProvider />
            </Provider>
          </div>
        ), document.getElementById(elementId)
      );
    },
    {
      skipRestore: true,
      storage: SessionStorage,
      whitelist: [''],
    }
  );
}