From 5f3bcb773d6c5e871c8ac81a665369401daa987e Mon Sep 17 00:00:00 2001
From: marcusfu <marcussfu@gmail.com>
Date: Wed, 18 Oct 2023 01:40:36 +0800
Subject: [PATCH] feat(CreateReplyRequestForm.js) add login alert for comment

---
 .../CreateReplyRequestForm/CreateReplyRequestForm.js   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/CreateReplyRequestForm/CreateReplyRequestForm.js b/components/CreateReplyRequestForm/CreateReplyRequestForm.js
index 8fe5b5f7..c60d9842 100644
--- a/components/CreateReplyRequestForm/CreateReplyRequestForm.js
+++ b/components/CreateReplyRequestForm/CreateReplyRequestForm.js
@@ -201,6 +201,14 @@ const CreateReplyRequestForm = React.memo(
     const classes = useStyles();
     const user = useCurrentUser();
 
+    const onCommentButtonClick = () => {
+      if (user) setShowForm(!showForm);
+      else {
+        setShowForm(false);
+        alert(t`Please login first.`);
+      }
+    };
+
     return (
       <>
         <CardContent>
@@ -251,7 +259,7 @@ const CreateReplyRequestForm = React.memo(
             >
               <Button
                 className={cx({ [classes.isButtonActive]: showForm })}
-                onClick={() => setShowForm(!showForm)}
+                onClick={onCommentButtonClick}
                 disableElevation
               >
                 {ownReplyRequest ? t`Update comment` : t`Comment`}