comments highlight

src/utils/dom.ts

@@ -72,11 +72,15 @@ export const formatCommentText = (author, text: string) =>
     .replace(/(\n{2,})/gi, '\n')
     .replace(/</g, '&lt;')
     .replace(/>/g, '&gt;')
+    .replace(/:\/\//gim, ':|--|')
+    .replace(/(\/\/[^\n]+)/gim, '<span class="grey">$1</span>')
+    .replace(/:\|--\|/gim, '://')
     .split('\n')
     .map((el, index) =>
       index === 0 ? `${author ? `<p><b>${author}</b>: ` : ''}${el}</p>` : `<p>${el}</p>`
     )
     .join('');
+// .replace(/\/\*(\*(?!\/)|[^*])*\*\//igm, '');
 
 export const getPrettyDate = (date: string): string =>
   formatDistanceToNow(new Date(date), { locale: ru, includeSeconds: true, addSuffix: true });

src/utils/fn.ts

@@ -2,7 +2,41 @@ import curry from 'ramda/es/curry';
 import insert from 'ramda/es/insert';
 import nth from 'ramda/es/nth';
 import remove from 'ramda/es/remove';
+import { ICommentGroup, IComment } from '~/redux/types';
+import path from 'ramda/es/path';
 
 export const moveArrItem = curry((at, to, list) => insert(to, nth(at, list), remove(at, 1, list)));
 export const objFromArray = (array: any[], key: string) =>
   array.reduce((obj, el) => (key && el[key] ? { ...obj, [el[key]]: el } : obj), {});
+
+export const groupCommentsByUser = (
+  result: ICommentGroup[],
+  comment: IComment
+): ICommentGroup[] => {
+  const last: ICommentGroup = path([result.length - 1], result) || null;
+
+  return [
+    ...(!last || path(['user', 'id'], last) !== path(['user', 'id'], comment)
+      ? [
+          // add new group
+          ...result,
+          {
+            user: comment.user,
+            comments: [comment],
+            ids: [comment.id],
+          },
+        ]
+      : [
+          // append to last group
+          ...result.slice(0, result.length - 1),
+          {
+            ...last,
+            comments: [...last.comments, comment],
+            ids: [...last.ids, comment.id],
+          },
+        ]),
+  ];
+};
+
+// const isSameComment = (comments, index) =>
+//   comments[index - 1] && comments[index - 1].user.id === comments[index].user.id;