ndla-ui/src/Article/ArticleContent.jsx

UI component library for NDLA.

/*
 * Copyright (c) 2016-present, NDLA.
 *
 * This source code is licensed under the GPLv3 license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {
  initArticleScripts,
  removeEventListenerForResize,
} from 'ndla-article-scripts';

export default class ArticleContent extends Component {
  componentDidMount() {
    initArticleScripts();
  }

  shouldComponentUpdate(nextProps) {
    return nextProps.content !== this.props.content;
  }

  componentDidUpdate(prevProps, prevState, snapshot) {
    if (snapshot) {
      removeEventListenerForResize();
      initArticleScripts();
    }
  }

  componentWillUnmount() {
    removeEventListenerForResize();
  }

  getSnapshotBeforeUpdate(prevProps) {
    return this.props.content !== prevProps.content;
  }

  render() {
    const { content, ...rest } = this.props;
    return <div dangerouslySetInnerHTML={{ __html: content }} {...rest} />;
  }
}

ArticleContent.propTypes = {
  content: PropTypes.string.isRequired,
};