Reload page when visited cart

public/themes/lara-light-blue/theme.css

@@ -5759,3 +5759,8 @@
     opacity: 0;
   }
 }
+
+.button-custom {
+  height: 20px;
+  width: 10px !important;
+}

src/components/cart/TheCart.vue

@@ -25,6 +25,14 @@ export default {
       componentKey: 0,
     };
   },
+  mounted: function () {
+    if (localStorage.getItem("reloaded")) {
+      localStorage.removeItem("reloaded");
+    } else {
+      localStorage.setItem("reloaded", "1");
+      location.reload();
+    }
+  },
   methods: {
     toggleReloadComponent() {
       this.componentKey += 1;

src/components/pay/SelectOutlet.vue

@@ -47,7 +47,7 @@
           <div class="col-12 md:col-5">
             <Button
               label="Batal Pembayaran"
-              class="p-button-text p-button-sm"
+              class="p-button-danger p-button-sm"
               v-on:click="clickCancelButton()"
             />
           </div>
@@ -55,7 +55,7 @@
           <div class="col-12 md:col-5 md:text-right">
             <Button
               label="Bayar Bidaan Cawangan Ini"
-              class="p-button-sm"
+              class="p-button-sm p-button-success"
               @click="openModal(data)"
             />
           </div>
@@ -136,14 +136,19 @@
     </template>
   </Dialog>
   <Dialog
-    header="Terma & Syarat"
+    header="Makluman"
     v-model:visible="isDisplayTNC"
     :breakpoints="{ '960px': '75vw', '640px': '90vw' }"
     :style="{ width: '50vw' }"
     :modal="true"
   >
-    <div>
-      <terms-and-conditions-details></terms-and-conditions-details>
+    <div class="text-center m-2">
+      <!-- <terms-and-conditions-details></terms-and-conditions-details> -->
+      <h1><i class="bi bi-exclamation-triangle text-warning"></i></h1>
+      <h6 class="text-danger">
+        Pembida berjaya hendaklah menyelesaikan keseluruhan amaun bidaan dan
+        mengambil marhun pada/sebelum jam 4.00 petang.
+      </h6>
     </div>
     <template #footer>
       <Button
@@ -260,8 +265,9 @@ export default {
       var date = new Date();
       var current_time = date.toLocaleString();
       var limit_masa_bayaran = "15:00:00";
-      var limit_datetime_bayaran = this.lelongDetails.tarikh_lelong + ", " + limit_masa_bayaran;
-      console.log(current_time, '\n', limit_datetime_bayaran);
+      var limit_datetime_bayaran =
+        this.lelongDetails.tarikh_lelong + ", " + limit_masa_bayaran;
+      console.log(current_time, "\n", limit_datetime_bayaran);
 
       // if (current_time < limit_datetime_bayaran === true) {
       this.isDisplay = true;

src/components/pay/ThePay.vue

@@ -13,7 +13,7 @@
       <div v-if="isSuccess">
         <Card>
           <template #title>
-            <div class="font-normal">Pembayaran Bidaan</div>
+            <div class="font-normal">Pembayaran Bidaan Menggunakan FPX</div>
             <div class="font-normal text-base">
               Tarikh Lelong : {{ tarikhLelong }}
             </div>

src/components/result/ResultMain.vue

@@ -15,7 +15,13 @@
     <div v-if="isSuccess">
       <Card>
         <template #title>
-          <div class="font-normal">Bidaan Yang Berjaya</div>
+          <div class="grid justify-content-between">
+            <div class="font-normal">Bidaan Yang Berjaya</div>
+            <div class="text-xs align-self-center fst-italic fw-lighter text-danger">
+              *Pembayaran hendaklah diselesaikan SEGERA dan barang lelongan
+              mesti DITUNTUT di cawangan terlibat SEBELUM jam 4.00 petang
+            </div>
+          </div>
         </template>
         <template #content>
           <div class="overflow-x-auto">