department-of-veterans-affairs/vets-website

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

import widgetTypes from '../widgetTypes';

export async function createScoEventsWidget() {
  const widgets = Array.from(
    document.querySelectorAll(`
    [data-widget-type="${widgetTypes.SCO_EVENTS}"]`),
  );

  if (widgets.length) {
    const {
      default: ScoEventsWidget,
    } = await import(/* webpackChunkName: "sco-event-list" */ './ScoEventsWidget');
    const {
      default: scoEvents,
    } = await import(/* webpackChunkName: "sco-event-list-data" */ './constants/events.json');

    widgets.forEach(el => {
      ReactDOM.render(<ScoEventsWidget scoEvents={scoEvents} />, el);
    });
  }
}

export async function createScoAnnouncementsWidget() {
  const widgets = Array.from(
    document.querySelectorAll(`
    [data-widget-type="${widgetTypes.SCO_ANNOUNCEMENTS}"]`),
  );

  if (widgets.length) {
    const {
      default: ScoAnnouncementsWidget,
    } = await import(/* webpackChunkName: "sco-announcements" */ './ScoAnnouncementsWidget');
    const {
      default: announcements,
    } = await import(/* webpackChunkName: "sco-announcements-data" */ './constants/announcements.json');

    widgets.forEach(el => {
      ReactDOM.render(
        <ScoAnnouncementsWidget announcements={announcements} />,
        el,
      );
    });
  }
}