add clicked effect

css/style.css

@@ -1853,6 +1853,17 @@ body {
   transition: all .3s;
 }
 
+.sec-match .btn-match.clicked {
+  color: #B2B2B2;
+  border: 1px solid #B2B2B2;
+}
+
+.sec-match .btn-match.clicked:hover {
+  color: #B2B2B2;
+  border: 1px solid #B2B2B2;
+  background-color: transparent;
+}
+
 .sec-match .btn-match:hover {
   background-color: #EE7800;
   color: white;

css/style.scss

@@ -1495,6 +1495,15 @@ body {
         border-radius: 10px;
         padding: .3rem .6rem;
         transition: all .3s;
+        &.clicked {
+            color: #B2B2B2;
+            border: 1px solid #B2B2B2;
+            &:hover {
+                color: #B2B2B2;
+                border: 1px solid #B2B2B2;
+                background-color: transparent;
+            }
+        }
         &:hover {
             background-color: #EE7800;
             color: white;

js/index_match.js

@@ -102,11 +102,15 @@ function renderMatchMb(matchData) {
 }
   
 $(document).on("click", ".btn-match", function (event) {
-    Swal.fire({
-        icon: 'success',
-        text: '我們已收到您的訊息，將有幸福經紀人與您聯繫',
-        confirmButtonText: '關閉',
-    })
+    if(!$(this).hasClass('clicked')) {
+        Swal.fire({
+            icon: 'success',
+            text: '我們已收到您的訊息，將有幸福經紀人與您聯繫',
+            confirmButtonText: '關閉',
+        })
+    }
+    $(this).addClass('clicked');
+
 });
 
 
@@ -282,5 +286,3 @@ $('.close').click(function () {
     window.close();
 })
 
-
-console.log('hii');