fixed youtube block

src/components/comment/CommentEmbedBlock/index.tsx

@@ -0,0 +1,23 @@
+import React, { FC, memo } from 'react';
+import { ICommentBlock } from '~/constants/comment';
+import styles from './styles.scss';
+
+interface IProps {
+  block: ICommentBlock;
+}
+
+const CommentEmbedBlock: FC<IProps> = memo(({ block }) => {
+  const link = block.content.match(
+    /(https?:\/\/(www\.)?(youtube\.com|youtu\.be)\/(watch)?(\?v=)?[\w\-]+)/gi
+  );
+
+  return (
+    <div className={styles.text}>
+      <a href={link[0]} target="_blank">
+        {link[0]}
+      </a>
+    </div>
+  );
+});
+
+export { CommentEmbedBlock };

src/components/comment/CommentEmbedBlock/styles.scss

@@ -0,0 +1,3 @@
+.text {
+  padding: 0 $gap;
+}

src/components/comment/CommentTextBlock/styles.scss

@@ -1,5 +1,5 @@
 .text {
-  padding: $gap;
+  padding: 0 $gap;
   font-weight: 300;
   font: $font_16_medium;
   line-height: 20px;