fix

2 files changed, 29 insertions, 7 deletions

diff --git a/src/lib/invoice/components/Invoice.jsx b/src/lib/invoice/components/Invoice.jsx
index eaf7b7e0..e34ad8c2 100644
--- a/src/lib/invoice/components/Invoice.jsx
+++ b/src/lib/invoice/components/Invoice.jsx
@@ -86,7 +86,10 @@ const Invoice = ({ id }) => {
         <div className='font-medium p-4'>Detail Produk</div>
 
         <div className='p-4 pt-0 flex flex-col gap-y-3'>
-          <VariantGroupCard variants={invoice.data?.products} buyMore />
+          <VariantGroupCard
+            variants={invoice.data?.products}
+            buyMore
+          />
           <div className='flex justify-between mt-3 font-medium'>
             <p>Total Belanja</p>
             <p>{currencyFormat(invoice.data?.amountTotal)}</p>
diff --git a/src/lib/invoice/components/Invoices.jsx b/src/lib/invoice/components/Invoices.jsx
index 81521785..ab318a3c 100644
--- a/src/lib/invoice/components/Invoices.jsx
+++ b/src/lib/invoice/components/Invoices.jsx
@@ -45,7 +45,10 @@ const Invoices = () => {
 
   return (
     <div className='p-4 flex flex-col gap-y-4'>
-      <form className='flex gap-x-3' onSubmit={handleSubmit}>
+      <form
+        className='flex gap-x-3'
+        onSubmit={handleSubmit}
+      >
         <input
           type='text'
           className='form-input'
@@ -53,7 +56,10 @@ const Invoices = () => {
           value={inputQuery}
           onChange={(e) => setInputQuery(e.target.value)}
         />
-        <button className='btn-light bg-transparent px-3' type='submit'>
+        <button
+          className='btn-light bg-transparent px-3'
+          type='submit'
+        >
           <MagnifyingGlassIcon className='w-6' />
         </button>
       </form>
@@ -65,13 +71,19 @@ const Invoices = () => {
       )}
 
       {!invoices.isLoading && invoices.data?.invoices?.length === 0 && (
-        <Alert type='info' className='text-center'>
+        <Alert
+          type='info'
+          className='text-center'
+        >
           Tidak ada data invoice
         </Alert>
       )}
 
       {invoices.data?.invoices?.map((invoice, index) => (
-        <div className='p-4 shadow border border-gray_r-3 rounded-md' key={index}>
+        <div
+          className='p-4 shadow border border-gray_r-3 rounded-md'
+          key={index}
+        >
           <div className='grid grid-cols-2'>
             <Link href={`/my/invoice/${invoice.id}`}>
               <span className='text-caption-2 text-gray_r-11'>No. Invoice</span>
@@ -83,7 +95,10 @@ const Invoices = () => {
               ) : (
                 <div className='badge-solid-green h-fit ml-auto'>Lunas</div>
               )}
-              <EllipsisVerticalIcon className='w-5 h-5' onClick={() => setToOthers(invoice)} />
+              <EllipsisVerticalIcon
+                className='w-5 h-5'
+                onClick={() => setToOthers(invoice)}
+              />
             </div>
           </div>
           <Link href={`/my/invoice/${invoice.id}`}>
@@ -128,7 +143,11 @@ const Invoices = () => {
         className='mt-2 mb-2'
       />
 
-      <BottomPopup title='Lainnya' active={toOthers} close={() => setToOthers(null)}>
+      <BottomPopup
+        title='Lainnya'
+        active={toOthers}
+        close={() => setToOthers(null)}
+      >
         <div className='flex flex-col gap-y-4 mt-2'>
           <button
             className='text-left disabled:opacity-60'