From 843e362cbd1475ab6b73f540f998dec44d2a636b Mon Sep 17 00:00:00 2001
From: balaharisankar <balaharisankar2003@gmail.com>
Date: Wed, 7 Aug 2024 13:09:10 +0530
Subject: [PATCH] buttons corrected

---
 .../Faq/Q&A/AnswersModel/AnswersModel.jsx     | 43 ++++++++++++-------
 .../pages/Admin/Components/Faq/Q&A/QandA.jsx  | 40 ++++++++++-------
 2 files changed, 53 insertions(+), 30 deletions(-)

diff --git a/frontend/src/pages/Admin/Components/Faq/Q&A/AnswersModel/AnswersModel.jsx b/frontend/src/pages/Admin/Components/Faq/Q&A/AnswersModel/AnswersModel.jsx
index 4b67cb17..e091b144 100644
--- a/frontend/src/pages/Admin/Components/Faq/Q&A/AnswersModel/AnswersModel.jsx
+++ b/frontend/src/pages/Admin/Components/Faq/Q&A/AnswersModel/AnswersModel.jsx
@@ -82,21 +82,34 @@ export function AnswersModel(props) {
                                                     </div>
                                                     <p>{ans.answer}</p>
                                                     <div className={"button-group"}>
-                                                        <button
-                                                            className={ans?.isApproved ? "button-delete" : "button-approve"}
-                                                            id={`${ans?._id}`}
-                                                            onClick={(e) => updateAnswer(e.currentTarget.id, !ans?.isApproved)}
-                                                        >
-                                                            {ans?.isApproved ? "Reject" : "Approve"}
-                                                        </button>
-                                                        {ans.isApproved == true &&
-                                                            <button
-                                                                name={`${ans?._id}`}
-                                                                onClick={(e) => handleDeleteAnswer(e.currentTarget.name)}
-                                                                className={"button-delete"}
-                                                            >
-                                                                Delete
-                                                            </button>}
+                                                        {
+                                                            ans.isApproved ?
+                                                                <button
+                                                                    name={`${ans?._id}`}
+                                                                    onClick={(e) => handleDeleteAnswer(e.currentTarget.name)}
+                                                                    className={"button-delete"}
+                                                                >
+                                                                    Delete
+                                                                </button>
+                                                                :
+                                                                <>
+                                                                    <button
+                                                                        className={"button-delete"}
+                                                                        id={`${ans?._id}`}
+                                                                        onClick={(e) => handleDeleteAnswer(e.currentTarget.id)}
+                                                                    >
+                                                                        Reject
+                                                                    </button>
+                                                                    <button
+                                                                        className={"button-delete"}
+                                                                        id={`${ans?._id}`}
+                                                                        onClick={(e) => updateAnswer(e.currentTarget.id, true)}
+                                                                    >
+                                                                        Approve
+                                                                    </button>
+                                                                </>
+
+                                                        }
                                                     </div>
                                                 </div>
                                             )
diff --git a/frontend/src/pages/Admin/Components/Faq/Q&A/QandA.jsx b/frontend/src/pages/Admin/Components/Faq/Q&A/QandA.jsx
index 54a8dff4..0f284505 100644
--- a/frontend/src/pages/Admin/Components/Faq/Q&A/QandA.jsx
+++ b/frontend/src/pages/Admin/Components/Faq/Q&A/QandA.jsx
@@ -112,22 +112,32 @@ export function QandA() {
               </div>
             </div>
             <div className={style["button-group"]}>
-              <button
-                className={qns?.isApproved ? style["button-delete"] : style["button-approve"]}
-                id={`${qns?._id}`}
-                onClick={(e) => updateQuestion(e.currentTarget.id, !qns?.isApproved)}
-              >
-                {qns?.isApproved ? "Reject" : "Approve"}
-              </button>
               {
-                qns.isApproved == true &&
-                <button
-                  name={`${qns?._id}`}
-                  onClick={(e) => handleOpenConfirmModal(e.currentTarget.name)}
-                  className={style["button-delete"]}
-                >
-                  Delete
-                </button>
+                qns.isApproved ?
+                  <button
+                    name={`${qns?._id}`}
+                    onClick={(e) => handleOpenConfirmModal(e.currentTarget.name)}
+                    className={style["button-delete"]}
+                  >
+                    Delete
+                  </button>
+                  :
+                  <>
+                    <button
+                      className={style["button-delete"]}
+                      id={`${qns?._id}`}
+                      onClick={(e) => handleOpenConfirmModal(e.currentTarget.id)}
+                    >
+                      Reject
+                    </button>
+                    <button
+                      className={style["button-delete"]}
+                      id={`${qns?._id}`}
+                      onClick={(e) => updateQuestion(e.currentTarget.id, true)}
+                    >
+                      Approve
+                    </button>
+                  </>
               }
             </div>
             <button