From d4d4227dfb2fefa56ded8ff5897469459f56b069 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Thu, 2 Feb 2023 17:13:12 +0700
Subject: no message

---
 src/pages/my/address/index.js | 12 ++++++++----
 src/pages/my/invoice/[id].js  | 19 +++++++++++++++++--
 src/pages/my/invoices.js      | 17 ++++++++++++++---
 src/pages/my/transactions.js  |  1 -
 4 files changed, 39 insertions(+), 10 deletions(-)

(limited to 'src/pages/my')

diff --git a/src/pages/my/address/index.js b/src/pages/my/address/index.js
index 54e721b6..7026d5ea 100644
--- a/src/pages/my/address/index.js
+++ b/src/pages/my/address/index.js
@@ -56,7 +56,7 @@ export default function Address() {
           return (
             <div 
               key={index} 
-              className={"p-4 rounded-md border " + (selectedAdress && selectedAdress == address.id ? "border-yellow_r-7 bg-yellow_r-2" : "border-gray_r-7") } 
+              className={"p-4 rounded-md border " + (selectedAdress && selectedAdress == address.id ? "border-yellow_r-7 bg-yellow_r-8" : "border-gray_r-7") } 
             >
               <div onClick={() => changeSelectedAddress(address.id)}>
                 <div className="flex gap-x-2" >
@@ -65,9 +65,13 @@ export default function Address() {
                     <div className="badge-green">Utama</div>
                   ) }
                 </div>
-                <p className="font-medium mt-1">{ address.name }</p>
-                <p className="mt-2 text-gray_r-11">{ address.mobile }</p>
-                <p className="mt-1 text-gray_r-11 leading-6">{ address.street } { address.street2 }</p>
+                <p className="font-medium mt-2">{ address.name }</p>
+                { address.mobile && (
+                  <p className="mt-2 text-gray_r-11">{ address.mobile }</p>
+                ) }
+                <p className={`mt-1 leading-6 ${selectedAdress && selectedAdress == address.id ? "text-gray_r-12" : "text-gray_r-11"}`}>
+                  { address.street }
+                </p>
               </div>
               <Link href={`/my/address/${address.id}/edit`} className="btn-light mt-3 w-full text-gray_r-11">Ubah Alamat</Link>
             </div>
diff --git a/src/pages/my/invoice/[id].js b/src/pages/my/invoice/[id].js
index c1cacfc6..d13cf7a6 100644
--- a/src/pages/my/invoice/[id].js
+++ b/src/pages/my/invoice/[id].js
@@ -46,6 +46,10 @@ export default function DetailInvoice() {
     );
   };
 
+  const downloadTaxInvoice = () => {
+    window.open(`${process.env.ODOO_HOST}/api/v1/download/tax-invoice/${invoice.id}/${invoice.efaktur_token}`, '_blank')
+  }
+
   return (
     <WithAuth>
       <Layout className="pb-4">
@@ -59,9 +63,9 @@ export default function DetailInvoice() {
               </DescriptionRow>
               <DescriptionRow label="Status Transaksi">
                 { invoice?.amount_residual > 0 ? (
-                  <span className="badge-red">Belum Lunas</span>
+                  <span className="badge-solid-red">Belum Lunas</span>
                   ) : (
-                  <span className="badge-green">Lunas</span>
+                  <span className="badge-solid-green">Lunas</span>
                 ) }
               </DescriptionRow>
               <DescriptionRow label="Purchase Order">
@@ -81,6 +85,17 @@ export default function DetailInvoice() {
               <DescriptionRow label="Tanggal Invoice">
                 { invoice?.invoice_date }
               </DescriptionRow>
+              <div className="flex items-center">
+                <p className="text-gray_r-11 leading-none">Faktur Pajak</p>
+                <button 
+                  type="button"
+                  className="btn-solid-red py-1 px-2 ml-auto"
+                  onClick={downloadTaxInvoice}
+                  disabled={invoice.efaktur_token ? false : true}
+                >
+                  Download
+                </button>
+              </div>
             </div>
 
             <LineDivider />
diff --git a/src/pages/my/invoices.js b/src/pages/my/invoices.js
index a3107bfd..d54f9487 100644
--- a/src/pages/my/invoices.js
+++ b/src/pages/my/invoices.js
@@ -6,7 +6,7 @@ import Layout from "@/components/layouts/Layout";
 import apiOdoo from "@/core/utils/apiOdoo";
 import { useAuth } from "@/core/utils/auth";
 import currencyFormat from "@/core/utils/currencyFormat";
-import { EllipsisVerticalIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
+import { CheckIcon, ClockIcon, EllipsisVerticalIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 import { useRouter } from "next/router";
 import { useEffect, useRef, useState } from "react";
 
@@ -87,9 +87,9 @@ export default function Invoices() {
                 </Link>
                 <div className="flex gap-x-1 justify-end">
                   { invoice.amount_residual > 0 ? (
-                    <div className="badge-red h-fit ml-auto">Belum Lunas</div>
+                    <div className="badge-solid-red h-fit ml-auto">Belum Lunas</div>
                     ) : (
-                    <div className="badge-green h-fit ml-auto">Lunas</div>
+                    <div className="badge-solid-green h-fit ml-auto">Lunas</div>
                   ) }
                   <EllipsisVerticalIcon className="w-5 h-5" onClick={() => {}} />
                 </div>
@@ -115,6 +115,17 @@ export default function Invoices() {
                   </div>
                 </div>
               </Link>
+              { invoice.efaktur_token ? (
+                <div className="badge-green h-fit mt-3 ml-auto flex items-center gap-x-0.5">
+                  <CheckIcon className="w-4 stroke-2" />
+                  Faktur Pajak
+                </div>
+                ) : (
+                <div className="badge-red h-fit mt-3 ml-auto flex items-center gap-x-0.5">
+                  <ClockIcon className="w-4 stroke-2" />
+                  Faktur Pajak
+                </div>
+              ) }
             </div>
           )) }
         </div>
diff --git a/src/pages/my/transactions.js b/src/pages/my/transactions.js
index 221859f9..a03ff007 100644
--- a/src/pages/my/transactions.js
+++ b/src/pages/my/transactions.js
@@ -41,7 +41,6 @@ export default function Transactions() {
 
         const dataTransactions = await apiOdoo('GET', `/api/v1/partner/${auth.partner_id}/sale_order${queryParams}`);
         setTransactions(dataTransactions);
-        console.log(dataTransactions);
         setPageCount(Math.ceil(dataTransactions?.sale_order_total / limit));
         setIsLoading(false);
       };
-- 
cgit v1.2.3