shorthand replacements for React.Fragment and <span>

src/views/password-reset-view.jsx

@@ -57,7 +57,7 @@ export default class PasswordResetView extends React.PureComponent {
               onChange={this.handlePasswordChange} />
           }</FormattedMessage>
           :
-          <React.Fragment>
+          <>
             <label htmlFor="inputEmail">
               <FormattedMessage id="label_reset_password"
                 defaultMessage="Send a password reset email:"
@@ -72,7 +72,7 @@ export default class PasswordResetView extends React.PureComponent {
                 onChange={this.handleEmailChange}
                 required autoFocus />
             }</FormattedMessage>
-          </React.Fragment>
+          </>
         }
         <div className="dialog-buttons">
           <button className="blue" type="submit">{reset ?

src/widgets/chat-message.jsx

@@ -98,10 +98,10 @@ export default class ChatMessage extends React.Component {
       }, this);
       content = React.createElement('span', null, Drafty.format(content, draftyFormatter, this));
     } else if (typeof content != 'string') {
-      content = <span><i className="material-icons">error_outline</i> <i>
+      content = <><i className="material-icons">error_outline</i> <i>
         <FormattedMessage id="invalid_content"
           defaultMessage="invalid content" description="Shown when message is unreadable" />
-      </i></span>
+      </i></>
     }
 
     return (

src/widgets/contact-badges.jsx

@@ -16,7 +16,7 @@ export default class ContactBadges extends React.PureComponent {
             badges.push(<span className={style} key={b.key || b.name}>{b.name}</span>);
           }
         });
-        return <React.Fragment>{badges}</React.Fragment>;
+        return <>{badges}</>;
       }
       return null;
     }

src/widgets/contact.jsx

@@ -70,7 +70,7 @@ export default class Contact extends React.Component {
             <UnreadBadge count={this.props.unread} /><ContactBadges badges={icon_badges} />
           </div>
           {this.props.comment ? <div className="contact-comment">{this.props.comment}</div> : null}
-          <span><ContactBadges badges={badges} /></span>
+          <><ContactBadges badges={badges} /></>
         </div>
         {this.props.showContextMenu ?
           <span className="menuTrigger">

src/widgets/error-panel.jsx

@@ -35,14 +35,14 @@ export default class ErrorPanel extends React.PureComponent {
     return (
       <div className={className}>
         <div className="icon"><i className="material-icons">{level}</i></div>
-        <span>
+        <>
           <span dangerouslySetInnerHTML={{__html: this.props.text}} />
           {this.props.action ?
             <a href="#" onClick={(e) => {e.preventDefault(); this.props.action();}}>
               {this.props.actionText}
             </a>
           : null}
-        </span>
+        </>
         <div className="cancel"><MenuCancel onCancel={this.hide} /></div>
       </div>
     );

src/widgets/tag-manager.jsx

@@ -137,7 +137,7 @@ export default class TagManager extends React.Component {
             <i className="material-icons">edit</i> &nbsp;<FormattedMessage id="title_manage_tags" defaultMessage="Manage"
               description="Section title for the list of tags" />
           </a>
-          <span>{tags}</span>
+          <>{tags}</>
         </div>
       }
       </div>