@centreon/react-components/src/Description/index.js

react components used by centreon web frontend

/* eslint-disable react/jsx-no-target-blank */
/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */

import React from 'react';
import classnames from 'classnames';
import styles from './content-description.scss';

const DescriptionContent = ({ date, title, text, note, link }) => (
  <React.Fragment>
    {date ? (
      <span className={classnames(styles['content-description-date'])}>
        {date}
      </span>
    ) : null}
    {title ? (
      <h3 className={classnames(styles['content-description-title'])}>
        {title}
      </h3>
    ) : null}
    {text ? (
      <p className={classnames(styles['content-description-text'])}>
        {text.split('\n').map((i) => {
          return (
            <span>
              {i}
              <br />
            </span>
          );
        })}
      </p>
    ) : null}
    {note ? (
      <span className={classnames(styles['content-description-release-note'])}>
        {link ? (
          <a
            className={classnames(styles['content-description-release-note'])}
            href={note}
            target="_blank"
          >
            {note}
          </a>
        ) : (
          note
        )}
      </span>
    ) : null}
  </React.Fragment>
);

export default DescriptionContent;