ih-portal/src/utils/tabBarLoader.js

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

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

import { Tabs } from 'catalyst-ui';
import parsePortalTabs from './parsePortalTabs';

/**
 * loads component TabBar on top of peoplesoft tabs
 * @return {void}
 */
export default function tabBarLoader() {
  const portalTabs = parsePortalTabs();

  // render TabBar to element
  const pthomepagetabline = document.getElementById('pthomepagetabline');

  if (pthomepagetabline !== null && portalTabs.tabItems !== null) {
    ReactDOM.render(
      React.createElement(Tabs, {
        initialSelectedIndex: portalTabs.selectedIndex,
        tabs: portalTabs.tabItems,
      }),
      pthomepagetabline
    );
  }
}