Use short Fragment syntax

This commit is contained in:
Amine Ben hammou
2019-05-25 10:02:11 +00:00
committed by M. Shull
parent fd134f288c
commit efd8fe124e

View File

@@ -1,7 +1,7 @@
import React from 'react';
import MailPoet from 'mailpoet'; import MailPoet from 'mailpoet';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classNames from 'classnames'; import classNames from 'classnames';
import React, { Fragment } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Listing from 'listing/listing.jsx'; import Listing from 'listing/listing.jsx';
import { CronMixin, MailerMixin } from 'newsletters/listings/mixins.jsx'; import { CronMixin, MailerMixin } from 'newsletters/listings/mixins.jsx';
@@ -50,7 +50,7 @@ const SendingStatus = (props) => {
}, [newsletterId]); }, [newsletterId]);
return ( return (
<Fragment> <>
<h1>{MailPoet.I18n.t('sendingStatusTitle')}</h1> <h1>{MailPoet.I18n.t('sendingStatusTitle')}</h1>
<StatsLink <StatsLink
newsletterId={newsletterId} newsletterId={newsletterId}
@@ -73,7 +73,7 @@ const SendingStatus = (props) => {
CronMixin.checkCronStatus(state); CronMixin.checkCronStatus(state);
}} }}
/> />
</Fragment> </>
); );
}; };
SendingStatus.propTypes = { SendingStatus.propTypes = {
@@ -144,7 +144,7 @@ const ListingItem = ({
} }
} }
return ( return (
<Fragment> <>
<td className={rowClasses}> <td className={rowClasses}>
<strong> <strong>
<a <a
@@ -164,7 +164,7 @@ const ListingItem = ({
<td className="column" data-colname={MailPoet.I18n.t('failureReason')}> <td className="column" data-colname={MailPoet.I18n.t('failureReason')}>
{ error } { error }
</td> </td>
</Fragment> </>
); );
}; };
ListingItem.propTypes = { ListingItem.propTypes = {