Fix/feat: Reply comments appearing in all comments

package.json

@@ -51,6 +51,7 @@
     "video.js": "^8.6.1",
     "videojs-contrib-eme": "^3.11.1",
     "videojs-mobile-ui": "^1.1.1",
+    "videojs-seek-buttons": "^4.0.3",
     "videojs-sprite-thumbnails": "^2.1.1",
     "zod": "^3.22.4"
   },

src/actions/comment/index.ts

@@ -50,7 +50,7 @@ export const getComments = async (
 const parseIntroComment = (
   comment: string,
 ): Array<{ start: number; end?: number; title: string }> | null => {
-  const introPattern = /^intro:\s*([\s\S]*)$/;
+  const introPattern = /^intro:\s*([\s\S]*)$/i;
   const match = comment.match(introPattern);
   if (!match) return [];
 
@@ -155,7 +155,11 @@ const createCommentHandler = async (
         let introData:
           | { start: number; end?: number | undefined; title: string }[]
           | null = [];
-        if (data.content.startsWith('intro:')) {
+        if (
+          data.content.startsWith('intro:') ||
+          data.content.startsWith('Intro:') ||
+          data.content.startsWith('INTRO:')
+        ) {
           introData = parseIntroComment(data.content);
           if (
             !introData ||

src/actions/types.ts

@@ -11,6 +11,7 @@ export interface QueryParams {
   userId?: number;
   commentId?: number;
   timestamp?: number;
+  editCommentId?: number;
 }
 export enum CommentFilter {
   md = 'Most downvotes',

src/app/globals.css

@@ -60,3 +60,10 @@
 .video-js .vjs-progress-control:hover .vjs-play-progress:after {
   display: none;
 }
+.vjs-quality-selector .vjs-custom-dropup-menu {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+
+}
+