ohif-viewer/Packages-react/ohif-viewer/src/connectedComponents/ViewerRetrieveStudyData.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import OHIF from 'ohif-core';
import Viewer from './Viewer.js';

const { createDisplaySets } = OHIF.utils;

class ViewerRetrieveStudyData extends Component {
  static propTypes = {
    studyInstanceUids: PropTypes.array.isRequired,
    seriesInstanceUids: PropTypes.array,
    server: PropTypes.object
  };

  state = {
    studies: null,
    error: null
  };

  componentDidMount() {
    const { studyInstanceUids, seriesInstanceUids, server } = this.props;
    const promise = OHIF.studies.retrieveStudiesMetadata(
      server,
      studyInstanceUids,
      seriesInstanceUids
    );

    // Render the viewer when the data is ready
    promise
      .then(studies => {
        const updatedStudies = createDisplaySets(studies);

        this.setState({
          studies: updatedStudies
        });
      })
      .catch(error => {
        this.setState({
          error: true
        });

        throw new Error(error);
      });
  }

  render() {
    if (this.state.error) {
      return <div>Error: {JSON.stringify(this.state.error)}</div>;
    } else if (!this.state.studies) {
      return <div>Loading...</div>;
    }

    return <Viewer studies={this.state.studies} />;
  }
}

export default ViewerRetrieveStudyData;