From 46e9912e70dc503cc426c1f90510dd8c27f896f5 Mon Sep 17 00:00:00 2001
From: Anang20 <anangsyah766@gmail.com>
Date: Mon, 14 Nov 2022 11:09:29 +0700
Subject: [PATCH] fix: eslint rules

---
 components/Constraint/index.js                   | 6 +++---
 components/Layout/DesktopLayout/DesktopLayout.js | 2 +-
 components/Location/index.js                     | 2 +-
 components/Transaction/index.js                  | 4 ++--
 pages/[qrCode]/order/index.js                    | 8 ++++----
 pages/[qrCode]/payment-order/index.js            | 2 +-
 pages/policy-terms/index.js                      | 9 ++++++---
 pages/success-payment/index.js                   | 9 ++++++---
 8 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/components/Constraint/index.js b/components/Constraint/index.js
index dfb2755..d1b982d 100644
--- a/components/Constraint/index.js
+++ b/components/Constraint/index.js
@@ -43,7 +43,7 @@ const Constraint = ({ location }) => {
 
     return (
         <div className={'bg-white px-7 pt-4 pb-8 mt-6'}>
-            <Image src={'/assets/images/logo.svg'} width={100} height={50} />
+            <Image src={'/assets/images/logo.svg'} width={100} height={50} alt={'logo'} />
 
             <h3 className={'text-lg font-bold'}>Ada kendala dengan transaksimu?</h3>
             <p>Cek transaksi dengan Order ID pembayaran:</p>
@@ -86,7 +86,7 @@ const Constraint = ({ location }) => {
                         <h3 className={`font-bold text-xl my-4 ${show ? 'block' : 'hidden'}`}>Status Transaksi</h3>
 
                         <div className={`${show ? 'block' : 'hidden'} bg-[#F7FCFC] border-2 border-[#DFDFDF] h-20 flex items-center gap-2 rounded-lg px-5 mt-2`}>
-                            <Image src={'/assets/icons/cariparkir.svg'} width={40} height={40}/>
+                            <Image src={'/assets/icons/cariparkir.svg'} width={40} height={40} alt={'icons'}/>
                             <div className={'flex flex-col'}>
                                 <span className={'font-semibold'}>{orderId}</span>
                                 <span className={'text-[#FB5060] font-semibold text-sm'}>BELUM ADA TRANSAKSI</span>
@@ -100,7 +100,7 @@ const Constraint = ({ location }) => {
                         <h3 className={`font-bold text-xl my-4 ${show ? 'block' : 'hidden'}`}>Status Transaksi</h3>
 
                         <div className={`${show ? 'block' : 'hidden'} bg-[#F7FCFC] border-2 border-[#DFDFDF] h-20 flex items-center gap-2 rounded-lg px-5 mt-2`}>
-                            <Image src={'/assets/icons/cariparkir.svg'} width={40} height={40}/>
+                                <Image src={'/assets/icons/cariparkir.svg'} width={40} height={40} alt={'icons'} />
                             <div className={'flex flex-col'}>
                                 <span className={'font-semibold'}>{orderId}</span>
                             </div>
diff --git a/components/Layout/DesktopLayout/DesktopLayout.js b/components/Layout/DesktopLayout/DesktopLayout.js
index 3f9791d..c7bc5ed 100644
--- a/components/Layout/DesktopLayout/DesktopLayout.js
+++ b/components/Layout/DesktopLayout/DesktopLayout.js
@@ -16,7 +16,7 @@ const DesktopLayout = ({children, isGradient = false}) => {
                     <div className={'z-50'}>{children}</div>
                     {isGradient && (
                         <div className={'absolute bottom-0 z-0'}>
-                            <Image className={'z-0 -mb-[7px]'} preview={false}
+                            <Image className={'z-0 -mb-[7px]'} preview={false} alt={'background'}
                                    src={'/assets/backgrounds/bg-pattern.png'}/>
                         </div>
                     )}
diff --git a/components/Location/index.js b/components/Location/index.js
index e69b9a9..c8628ae 100644
--- a/components/Location/index.js
+++ b/components/Location/index.js
@@ -6,7 +6,7 @@ const Location = () => {
     return (
         <div>
             <div className={'flex flex-col items-center gap-4'}>
-                <Image src={'/assets/images/location.svg'} width={80} height={80}/>
+                <Image src={'/assets/images/location.svg'} width={80} height={80} alt={'location'}/>
 
                 <div className={'text-center'}>
                     <h1 className={'font-bold'}>LOCKEY Lippo Mall Kemang</h1>
diff --git a/components/Transaction/index.js b/components/Transaction/index.js
index f2fdb79..c78182d 100644
--- a/components/Transaction/index.js
+++ b/components/Transaction/index.js
@@ -44,11 +44,11 @@ const Transaction = ({show, orderData, location}) => {
                                 </div>
                                 {orderData?.payment_method?.toLowerCase() == "gopay" ? (
                                     <div>
-                                        <Image src={'/assets/images/gopay.svg'} preview={false} />
+                                        <Image src={'/assets/images/gopay.svg'} preview={false} alt={'gopay'} />
                                     </div>
                                 ) : (
                                     <div>
-                                        <Image src={'/assets/images/astrapay.png'} preview={false} />
+                                        <Image src={'/assets/images/astrapay.png'} preview={false} alt={'gopay'} />
                                     </div>
                                 )}
                             </div>
diff --git a/pages/[qrCode]/order/index.js b/pages/[qrCode]/order/index.js
index 5703737..f532117 100644
--- a/pages/[qrCode]/order/index.js
+++ b/pages/[qrCode]/order/index.js
@@ -40,17 +40,17 @@ const FlashScreen = observer(() => {
     return (
         <>
             <div className='relative flex flex-col justify-center items-center pt-[172px] lg:pt-20'>
-                <Image src='/assets/images/cariparkir3.svg' preview={false} />
+                <Image src='/assets/images/cariparkir3.svg' preview={false} alt={'logo cariparkir'} />
                 <div className='flex items-center gap-6 mt-6'>
                     <span>Only pay with</span>
-                    <Image src='/assets/images/gopay.svg' preview={false}/>
+                    <Image src='/assets/images/gopay.svg' preview={false} alt={'gopay'} />
                 </div>
             </div>
             <div className={'hidden md:flex justify-center items-center absolute bottom-0 w-full'}>
-                <Image src='/assets/images/flash-screen2.png' preview={false}/>
+                <Image src='/assets/images/flash-screen2.png' preview={false} alt={'bg flash screen'} />
             </div>
             <div className={'flex justify-center items-center absolute bottom-0 w-full md:hidden'}>
-                <Image src='/assets/images/flash-screen.svg' preview={false}/>
+                <Image src='/assets/images/flash-screen.svg' preview={false} alt={'bg flash screen'} />
             </div>
         </>
     )
diff --git a/pages/[qrCode]/payment-order/index.js b/pages/[qrCode]/payment-order/index.js
index a12c972..485dec6 100644
--- a/pages/[qrCode]/payment-order/index.js
+++ b/pages/[qrCode]/payment-order/index.js
@@ -76,7 +76,7 @@ const Payment = observer(() => {
                                 type={'number'}
                                 className={'rounded-lg'}
                                 size={'large'}
-                                suffix={<Image src={'/assets/icons/gopay.svg'} width={80} height={30} />}
+                                suffix={<Image src={'/assets/icons/gopay.svg'} width={80} height={30} alt={'icon gopay'} />}
                                 placeholder={'08xxxxxxxxx'}
                                 disabled={
                                     notOrder === true
diff --git a/pages/policy-terms/index.js b/pages/policy-terms/index.js
index 4c9461a..5ad3cca 100644
--- a/pages/policy-terms/index.js
+++ b/pages/policy-terms/index.js
@@ -62,8 +62,8 @@ const PolicyTerms = observer(() => {
                 <p className="font-bold text-xs md:text-base">Ketentuan Umum</p>,
                 general_requirements.map((value,index) => (
                     <div className="flex" key={index}>
-                        <p className="font-normal text-xs md:text-sm mb-0">{value?.key}.</p>
-                        <p className="font-normal text-xs md:text-sm mb-0">{value?.value}</p>
+                        <p key={value?.key} className="font-normal text-xs md:text-sm mb-0">{value?.key}.</p>
+                        <p key={value?.key} className="font-normal text-xs md:text-sm mb-0">{value?.value}</p>
                     </div>
                 ))
             ],
@@ -80,12 +80,15 @@ const PolicyTerms = observer(() => {
                         <Image
                             src={'/assets/icons/arrow-left.svg'}
                             preview={false}
+                            alt={'arrow left'}
                         />
                     </div>
                     <div className={'col-span-2 lg:ml-10'}>
                         <Image
                             src={'/assets/images/cariparkir2.svg'}
-                            preview={false} />
+                            preview={false}
+                            alt={'logo cariparkir'}
+                        />
                     </div>
                 </div>
 
diff --git a/pages/success-payment/index.js b/pages/success-payment/index.js
index 573147b..e11cec0 100644
--- a/pages/success-payment/index.js
+++ b/pages/success-payment/index.js
@@ -15,12 +15,15 @@ const SuccessPayment = () => {
                     <Image
                         src={'/assets/icons/arrow-left.svg'}
                         preview={false}
+                        alt={'arrow left'}
                     />
                 </div>
                 <div className={'col-span-2 lg:ml-10'}>
                     <Image
                         src={'/assets/images/cariparkir2.svg'}
-                        preview={false}/>
+                        preview={false}
+                        alt={'icon cari parkir'}
+                    />
                 </div>
             </div>
 
@@ -42,7 +45,7 @@ const SuccessPayment = () => {
                         <div className={'flex flex-col'}>
                             <span className={'text-[#B7BAC2]'}>Waktu Kedatangan</span>
                             <div className={'flex flex-row items-center gap-2'}>
-                                <Image src={'/assets/icons/clock.svg'} preview={false}/>
+                                <Image src={'/assets/icons/clock.svg'} preview={false} alt={'clock'} />
                                 <span className={'text-[#0A7BC0] font-semibold'}>Pukul 13:33 - 14:33</span>
                             </div>
                         </div>
@@ -50,7 +53,7 @@ const SuccessPayment = () => {
                         <div className={'flex flex-col'}>
                             <span className={'text-[#B7BAC2]'}>Total Biaya Parkir</span>
                             <div className={'flex flex-row items-center gap-2'}>
-                                <Image src={'/assets/icons/money.svg'} preview={false}/>
+                                <Image src={'/assets/icons/money.svg'} preview={false} alt={'money icon'} />
                                 <span className={'text-[#FF6103]'}>Rp 99.000</span>
                             </div>
                         </div>