no message

1 files changed, 14 insertions, 3 deletions

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>