buttons corrected

HITK-TECH-Community · Aug 7, 2024 · 843e362 · 843e362
1 parent bc5fd09
commit 843e362
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 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
@@ -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
@@ -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