Linting

stylesheets/_modules.scss

@@ -506,14 +506,16 @@
   padding-right: 24px;
 }
 
-.module-message__metadata__date, .module-message__metadata__p2p {
+.module-message__metadata__date,
+.module-message__metadata__p2p {
   font-size: 11px;
   line-height: 16px;
   letter-spacing: 0.3px;
   color: $color-gray-60;
   text-transform: uppercase;
 }
-.module-message__metadata__date--incoming, .module-message__metadata__p2p--incoming {
+.module-message__metadata__date--incoming,
+.module-message__metadata__p2p--incoming {
   color: $color-white-08;
 }
 .module-message__metadata__date--with-image-no-caption {

ts/components/conversation/Message.tsx

@@ -241,10 +241,12 @@ export class Message extends React.Component<Props, State> {
           />
         )}
         {isP2p ? (
-          <span className={classNames(
+          <span
-            'module-message__metadata__p2p',
+            className={classNames(
-            `module-message__metadata__p2p--${direction}`,
+              'module-message__metadata__p2p',
-          )}>
+              `module-message__metadata__p2p--${direction}`
+            )}
+          >
             &nbsp;•&nbsp;P2P
           </span>
         ) : null}
@@ -955,7 +957,7 @@ export class Message extends React.Component<Props, State> {
             `module-message__container--${direction}`,
             direction === 'incoming'
               ? `module-message__container--incoming-${authorColor}`
-              : null,
+              : null
           )}
           style={{
             width: isShowingImage ? width : undefined,