From ac3fdf7be9982e65d8f83a20bc487f8dd62e3bfc Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 22 Feb 2023 23:36:47 +0700
Subject: fix

---
 src/lib/invoice/components/Invoices.jsx | 31 +++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

(limited to 'src/lib/invoice/components/Invoices.jsx')

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'
-- 
cgit v1.2.3

