From 0fb9604526b26d1041d4f79c149506774c35c7d9 Mon Sep 17 00:00:00 2001
From: Amir <amirhassan.hamzan@gmail.com>
Date: Thu, 26 Jan 2023 10:53:22 +0800
Subject: [PATCH 1/2] Show status 'Tunggu Pengesahan' ResultMain comp

---
 src/components/result/ResultMain.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/result/ResultMain.vue b/src/components/result/ResultMain.vue
index 7752cf4..dbe5479 100644
--- a/src/components/result/ResultMain.vue
+++ b/src/components/result/ResultMain.vue
@@ -56,6 +56,14 @@
                       severity="success"
                     ></Tag>
                   </td>
+                  <td v-else-if="data.status == 2">
+                      <Tag
+                        value="Tunggu Pengesahan"
+                        icon="pi pi-stopwatch"
+                        class="p-tag-rounded"
+                        severity="warning"
+                      ></Tag>
+                  </td>
                   <td v-else-if="data.status == null">
                     <div class="blink">
                       <Tag

From 5a497f9ab63d1fe73b94661b257967e8d8a05f7d Mon Sep 17 00:00:00 2001
From: Amir <amirhassan.hamzan@gmail.com>
Date: Thu, 26 Jan 2023 12:40:25 +0800
Subject: [PATCH 2/2] Fix minor ui requested on 16-01-23

---
 src/components/authentication/TheLogin.vue |  2 +-
 src/components/home/CurrentKaratDetail.vue |  4 +-
 src/components/home/LelongNextDetail.vue   |  4 +-
 src/components/home/LelongTodayDetail.vue  |  4 +-
 src/components/layouts/TheHeader.vue       |  4 +-
 src/components/policy/ThePolicy.vue        | 44 +++++++++++++++++-----
 src/components/profile/TheProfile.vue      |  2 +-
 src/components/result/ResultDetail.vue     | 14 +++----
 src/components/result/ResultMain.vue       |  4 +-
 9 files changed, 53 insertions(+), 29 deletions(-)

diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 8dde1fd..07cc6a0 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -44,7 +44,7 @@
               for="firstname3"
               class="justify-content-end"
               style="width: 170px"
-              >Username</label
+              >ID Pengguna</label
             >
             <div class="col">
               <span class="p-input-icon-right">
diff --git a/src/components/home/CurrentKaratDetail.vue b/src/components/home/CurrentKaratDetail.vue
index 62c0efd..b6acfbc 100644
--- a/src/components/home/CurrentKaratDetail.vue
+++ b/src/components/home/CurrentKaratDetail.vue
@@ -15,7 +15,7 @@
       <div class="overflow-x-auto">
         <table class="table table-bordered table-hover">
           <tbody>
-            <tr class="table-light">
+            <tr class="table-light font-bold">
               <th>Bil</th>
               <th>Karat</th>
               <th style="min-width: 100px">Harga</th>
@@ -32,7 +32,7 @@
     <div v-else>
       <table class="table table-bordered table-hover">
         <tbody>
-          <tr class="table-light">
+          <tr class="table-light font-bold">
             <td scope="col">Bil</td>
             <td scope="col">Karat</td>
             <td scope="col">Harga</td>
diff --git a/src/components/home/LelongNextDetail.vue b/src/components/home/LelongNextDetail.vue
index 071bcd9..0e4ca06 100644
--- a/src/components/home/LelongNextDetail.vue
+++ b/src/components/home/LelongNextDetail.vue
@@ -13,7 +13,7 @@
         class="table table-sm table-bordered table-hover"
       >
         <tbody>
-          <tr class="table-light">
+          <tr class="table-light font-bold">
             <th>Bil</th>
             <th style="min-width: 200px">Cawangan Ar-Rahn</th>
             <th style="min-width: 120px" class="text-center">Tarikh</th>
@@ -27,7 +27,7 @@
       </table>
       <table v-else class="table table-sm table-bordered table-hover">
         <tbody>
-          <tr class="table-light">
+          <tr class="table-light font-bold">
             <td>Bil</td>
             <td>Cawangan Ar-Rahn</td>
             <td>Tarikh</td>
diff --git a/src/components/home/LelongTodayDetail.vue b/src/components/home/LelongTodayDetail.vue
index 1538cb3..c0a48a7 100644
--- a/src/components/home/LelongTodayDetail.vue
+++ b/src/components/home/LelongTodayDetail.vue
@@ -11,7 +11,7 @@
       <div class="overflow-x-auto">
         <table class="table table-sm table-bordered table-hover">
           <tbody>
-            <tr class="table-light">
+            <tr class="table-light font-bold">
               <th>Bil</th>
               <th style="min-width: 200px">Cawangan Ar-Rahn</th>
               <th style="min-width: 120px" class="text-center">Masa Mula</th>
@@ -31,7 +31,7 @@
     <div v-else>
       <table class="table table-sm table-bordered table-hover">
         <tbody>
-          <tr class="table-light">
+          <tr class="table-light font-bold">
             <td>Bil</td>
             <td>Cawangan Ar-Rahn</td>
             <td>Masa Mula</td>
diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index d32a2a0..12f1794 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -39,7 +39,7 @@
             >Keputusan</router-link
           >
           <router-link class="nav-button" v-bind:to="{ name: 'policy' }"
-            >Polisi</router-link
+            >Panduan</router-link
           >
         </nav>
       </div>
@@ -185,7 +185,7 @@
         <router-link
           class="main-nav-link main-nav-link-sidebar"
           v-bind:to="{ name: 'policy' }"
-          >Polisi</router-link
+          >Panduan</router-link
         >
       </div>
       <div class="col-12">
diff --git a/src/components/policy/ThePolicy.vue b/src/components/policy/ThePolicy.vue
index d2a1068..98d6569 100644
--- a/src/components/policy/ThePolicy.vue
+++ b/src/components/policy/ThePolicy.vue
@@ -3,14 +3,21 @@
     <div class="col-12 lg:col-11 fadein animation-duration-400">
       <Card>
         <template #title>
-          <div class="font-normal">Polisi</div>
+          <div class="font-normal">Panduan</div>
         </template>
         <template #content>
           <TabView>
             <TabPanel :header="'Panduan ArrahnBid'">
               <p>
-                Berikut merupakan video panduan untuk penggunaan
-                ArrahnBid. Sila tonton video ini untuk memahami cara penggunaan.
+                Berikut merupakan video panduan untuk penggunaan ArrahnBid. Sila
+                tonton
+                <a
+                  class="font-bold"
+                  target="_blank"
+                  href="https://youtu.be/lucYE9bM_PY"
+                  >video</a
+                >
+                ini untuk memahami cara penggunaan.
               </p>
               <div class="lg:flex hidden justify-content-center">
                 <YouTube v-bind:src="theUrl" />
@@ -42,12 +49,21 @@
               <terms-and-conditions-details></terms-and-conditions-details>
             </TabPanel>
             <TabPanel :header="'Hubungi Kami'">
-              <div class="grid justify-content-center" style="height: 50vh">
-                <div class="col-12 mb-4 text-center" style="align-self: end">
-                  <i class="pi pi-wrench text-8xl text-400"></i>
-                </div>
-                <div class="col-12 text-center">
-                  <span class="text-400">Sedang Dikemaskini.</span>
+              <div class="mt-5">
+                <div
+                  class="
+                    grid
+                    col-11 col-offset-1
+                    lg:col-8 lg:col-offset-2
+                    justify-content-center
+                  "
+                >
+                  <div class="col-12 lg:col-5 text-start text-400"><i class="pi pi-phone"></i> Hotline</div>
+                  <div class="col-12 lg:col-6 text-start value-form">1300-22-4343</div>
+                  <div class="col-12 lg:col-5 text-start text-400"><i class="pi pi-pencil"></i> Emel</div>
+                  <div class="col-12 lg:col-6 text-start value-form">arrahncareline@gmail.com</div>
+                  <div class="col-12 lg:col-5 text-start text-400"><i class="pi pi-paperclip"></i> Emel</div>
+                  <div class="col-12 lg:col-6 text-start value-form">arcc@pkb.net.my</div>
                 </div>
               </div>
             </TabPanel>
@@ -72,4 +88,12 @@ export default {
     };
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.value-form {
+  border: 1px solid #ced4da;
+  margin-bottom: 0.5rem;
+  border-radius: 6px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/profile/TheProfile.vue b/src/components/profile/TheProfile.vue
index fe8f9f4..f431d3d 100644
--- a/src/components/profile/TheProfile.vue
+++ b/src/components/profile/TheProfile.vue
@@ -42,7 +42,7 @@
                       {{ data.name }}
                     </div>
                     <div class="col-12 lg:col-5 text-start text-400">
-                      Username
+                      ID Pengguna
                     </div>
                     <div class="col-12 lg:col-6 text-start value-form">
                       {{ data.username }}
diff --git a/src/components/result/ResultDetail.vue b/src/components/result/ResultDetail.vue
index 9602ed6..7f847fa 100644
--- a/src/components/result/ResultDetail.vue
+++ b/src/components/result/ResultDetail.vue
@@ -260,7 +260,7 @@
                       class="table text-center table-bordered"
                     >
                       <tbody>
-                        <tr class="table-light">
+                        <tr class="table-light font-bold">
                           <td>Bil</td>
                           <td style="min-width: 180px">No Rujukan</td>
                           <td style="min-width: 180px">Harga Bidaan</td>
@@ -286,7 +286,7 @@
                             }}
                           </td>
                         </tr>
-                        <tr style="text-transform: uppercase">
+                        <tr class="font-bold uppercase">
                           <td colspan="2">Jumlah</td>
                           <td>
                             RM{{
@@ -349,7 +349,7 @@
                       <div class="overflow-x-auto">
                         <table class="table table-bordered">
                           <tbody>
-                            <tr class="table-light">
+                            <tr class="table-light font-bold">
                               <td>Bil</td>
                               <td style="min-width: 115px">Jenis Marhun</td>
                               <td style="min-width: 42px">Karat</td>
@@ -386,7 +386,7 @@
                           </tbody>
                         </table>
                       </div>
-                      <div class="row justify-content-center">
+                      <div class="row justify-content-center font-bold">
                         <div class="col-6">
                           <label class="col-form-label"
                             >Jumlah Harga Bida</label
@@ -394,9 +394,9 @@
                         </div>
                         <div class="col-6">
                           <div class="input-group mb-3">
-                            <span class="input-group-text">RM</span>
+                            <span class="input-group-text font-bold">RM</span>
                             <span
-                              class="form-control font-bold input-group-text"
+                              class="form-control input-group-text font-bold"
                               >{{
                                 theData.hargabida
                                   ?.toString()
@@ -479,7 +479,7 @@
           </p>
           <table class="table text-center table-bordered">
             <tbody>
-              <tr class="table-light">
+              <tr class="table-light font-bold">
                 <td>Bil</td>
                 <td>No Rujukan</td>
                 <td>Jenis Barang</td>
diff --git a/src/components/result/ResultMain.vue b/src/components/result/ResultMain.vue
index dbe5479..09b0cc5 100644
--- a/src/components/result/ResultMain.vue
+++ b/src/components/result/ResultMain.vue
@@ -17,7 +17,7 @@
         <template #title>
           <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">
+            <div class="text-sm align-self-center fst-italic text-danger">
               *Pembayaran hendaklah diselesaikan SEGERA dan barang lelongan
               mesti DITUNTUT di cawangan terlibat SEBELUM jam 4.00 petang hari lelongan.
             </div>
@@ -27,7 +27,7 @@
           <div class="overflow-x-auto">
             <table class="table table-bordered text-center table-hover">
               <tbody>
-                <tr class="table-light">
+                <tr class="table-light font-bold">
                   <td>Bil</td>
                   <td style="min-width: 115px">Tarikh</td>
                   <td style="min-width: 100px">Jumlah</td>