From 5848298c1d63bc175a5e5e9b73af7893fe1b6386 Mon Sep 17 00:00:00 2001
From: Vijay <74645268+vijaysingh2219@users.noreply.github.com>
Date: Mon, 12 Aug 2024 13:32:46 +0530
Subject: [PATCH 1/2] fix: pin functionality issue in the comment dropdown menu

---
 src/app/error.tsx                             |  3 ---
 src/components/comment/CommentApproveForm.tsx |  4 ++--
 src/components/comment/CommentDeleteForm.tsx  |  4 ++--
 src/components/comment/CommentPinForm.tsx     |  4 ++--
 tsconfig.json                                 | 10 +++++-----
 5 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/app/error.tsx b/src/app/error.tsx
index db6d36727..87bf2262c 100644
--- a/src/app/error.tsx
+++ b/src/app/error.tsx
@@ -1,16 +1,13 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
 import { InfoIcon } from 'lucide-react';
 import Link from 'next/link';
 import { useEffect } from 'react';
 
 export default function ErrorPage({
   error,
-  reset,
 }: {
   error: Error & { digest?: string };
-  reset: () => void;
 }) {
   useEffect(() => {
     // Log the error to an error reporting service
diff --git a/src/components/comment/CommentApproveForm.tsx b/src/components/comment/CommentApproveForm.tsx
index c344293ef..0109a3b2c 100644
--- a/src/components/comment/CommentApproveForm.tsx
+++ b/src/components/comment/CommentApproveForm.tsx
@@ -34,8 +34,8 @@ const CommentApproveForm = ({
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-1">
           Approve Chapters <CheckIcon className="h-4 w-4" />
         </div>
diff --git a/src/components/comment/CommentDeleteForm.tsx b/src/components/comment/CommentDeleteForm.tsx
index 8c521cb73..093f60fbc 100644
--- a/src/components/comment/CommentDeleteForm.tsx
+++ b/src/components/comment/CommentDeleteForm.tsx
@@ -27,8 +27,8 @@ const CommentDeleteForm = ({ commentId }: { commentId: number }) => {
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-x-2">
           Delete <Trash2Icon className="h-4 w-4" />
         </div>
diff --git a/src/components/comment/CommentPinForm.tsx b/src/components/comment/CommentPinForm.tsx
index 8e8019869..378124d83 100644
--- a/src/components/comment/CommentPinForm.tsx
+++ b/src/components/comment/CommentPinForm.tsx
@@ -34,8 +34,8 @@ const CommentPinForm = ({
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-1">
           Pin <PinIcon className="h-4 w-4" />
         </div>
diff --git a/tsconfig.json b/tsconfig.json
index 1f308869a..cec286f06 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,14 +16,14 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next"
-      }
+        "name": "next",
+      },
     ],
     "paths": {
       "@/*": ["./src/*"],
-      "@public/*": ["./public/*"]
-    }
+      "@public/*": ["./public/*"],
+    },
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

From 493300687aa596288176e3a3b894452ad83e0e95 Mon Sep 17 00:00:00 2001
From: Vijay <74645268+vijaysingh2219@users.noreply.github.com>
Date: Mon, 12 Aug 2024 22:06:29 +0530
Subject: [PATCH 2/2] fix: resolve copy to clipboard issue in comment dropdown

---
 src/components/Copy-to-clipbord.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Copy-to-clipbord.tsx b/src/components/Copy-to-clipbord.tsx
index 8c56ddd0a..f556262df 100644
--- a/src/components/Copy-to-clipbord.tsx
+++ b/src/components/Copy-to-clipbord.tsx
@@ -19,8 +19,8 @@ const CopyToClipboard = ({
   };
 
   return (
-    <div>
-      <button onClick={handleCopyClick}>
+    <div className="w-full">
+      <button className="w-full" onClick={handleCopyClick}>
         <div className="flex items-center gap-x-2">
           Copy <CopyIcon size={15} />
         </div>