Merge pull request #880 from vijaysingh2219/fix/pin-functionality

fix: pin functionality issue in the comment dropdown menu
code100x · Aug 14, 2024 · 3747c41 · 3747c41
2 parents 139ec0b + 4933006
commit 3747c41
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git 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>

diff --git 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
@@ -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
@@ -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>