hiding comment author on mobile

src/components/containers/CommentWrapper/styles.scss

@@ -23,6 +23,13 @@
 .text {
   flex: 1;
   min-width: 0;
+
+  @include tablet {
+    :global(.comment-author) {
+      display: none !important;
+      color: red;
+    }
+  }
 }
 
 .thumb {

src/utils/dom.ts

@@ -77,7 +77,9 @@ export const formatCommentText = (author, text: string) =>
     .replace(/:\|--\|/gim, '://')
     .split('\n')
     .map((el, index) =>
-      index === 0 ? `${author ? `<p><b>${author}</b>: ` : ''}${el}</p>` : `<p>${el}</p>`
+      index === 0
+        ? `${author ? `<p><b class="comment-author">${author}: </b>` : ''}${el}</p>`
+        : `<p>${el}</p>`
     )
     .join('');
 // .replace(/\/\*(\*(?!\/)|[^*])*\*\//igm, '');