farouq.alfiansyah/bots-frontend
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: eslint rules

Browse Source
This commit is contained in:
Anang20 2022-11-14 11:09:29 +07:00
parent 8d49a5ce7a
commit 46e9912e70
8 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/Constraint/index.js
View File

@ -43,7 +43,7 @@ const Constraint = ({ location }) => {
return ( return (
<div className={'bg-white px-7 pt-4 pb-8 mt-6'}> <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> <h3 className={'text-lg font-bold'}>Ada kendala dengan transaksimu?</h3>
<p>Cek transaksi dengan Order ID pembayaran:</p> <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> <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`}> <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'}> <div className={'flex flex-col'}>
<span className={'font-semibold'}>{orderId}</span> <span className={'font-semibold'}>{orderId}</span>
<span className={'text-[#FB5060] font-semibold text-sm'}>BELUM ADA TRANSAKSI</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> <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`}> <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'}> <div className={'flex flex-col'}>
<span className={'font-semibold'}>{orderId}</span> <span className={'font-semibold'}>{orderId}</span>
</div> </div>

2
components/Layout/DesktopLayout/DesktopLayout.js
View File

@ -16,7 +16,7 @@ const DesktopLayout = ({children, isGradient = false}) => {
<div className={'z-50'}>{children}</div> <div className={'z-50'}>{children}</div>
{isGradient && ( {isGradient && (
<div className={'absolute bottom-0 z-0'}> <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'}/> src={'/assets/backgrounds/bg-pattern.png'}/>
</div> </div>
)} )}

2
components/Location/index.js
View File

@ -6,7 +6,7 @@ const Location = () => {
return ( return (
<div> <div>
<div className={'flex flex-col items-center gap-4'}> <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'}> <div className={'text-center'}>
<h1 className={'font-bold'}>LOCKEY Lippo Mall Kemang</h1> <h1 className={'font-bold'}>LOCKEY Lippo Mall Kemang</h1>

4
components/Transaction/index.js
View File

@ -44,11 +44,11 @@ const Transaction = ({show, orderData, location}) => {
</div> </div>
{orderData?.payment_method?.toLowerCase() == "gopay" ? ( {orderData?.payment_method?.toLowerCase() == "gopay" ? (
<div> <div>
<Image src={'/assets/images/gopay.svg'} preview={false} /> <Image src={'/assets/images/gopay.svg'} preview={false} alt={'gopay'} />
</div> </div>
) : ( ) : (
<div> <div>
<Image src={'/assets/images/astrapay.png'} preview={false} /> <Image src={'/assets/images/astrapay.png'} preview={false} alt={'gopay'} />
</div> </div>
)} )}
</div> </div>

8
pages/[qrCode]/order/index.js
View File

@ -40,17 +40,17 @@ const FlashScreen = observer(() => {
return ( return (
<> <>
<div className='relative flex flex-col justify-center items-center pt-[172px] lg:pt-20'> <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'> <div className='flex items-center gap-6 mt-6'>
<span>Only pay with</span> <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> </div>
<div className={'hidden md:flex justify-center items-center absolute bottom-0 w-full'}> <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>
<div className={'flex justify-center items-center absolute bottom-0 w-full md:hidden'}> <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> </div>
</> </>
) )

2
pages/[qrCode]/payment-order/index.js
View File

@ -76,7 +76,7 @@ const Payment = observer(() => {
type={'number'} type={'number'}
className={'rounded-lg'} className={'rounded-lg'}
size={'large'} 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'} placeholder={'08xxxxxxxxx'}
disabled={ disabled={
notOrder === true notOrder === true

9
pages/policy-terms/index.js
View File

@ -62,8 +62,8 @@ const PolicyTerms = observer(() => {
<p className="font-bold text-xs md:text-base">Ketentuan Umum</p>, <p className="font-bold text-xs md:text-base">Ketentuan Umum</p>,
general_requirements.map((value,index) => ( general_requirements.map((value,index) => (
<div className="flex" key={index}> <div className="flex" key={index}>
<p 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?.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?.value}</p>
</div> </div>
)) ))
], ],
@ -80,12 +80,15 @@ const PolicyTerms = observer(() => {
<Image <Image
src={'/assets/icons/arrow-left.svg'} src={'/assets/icons/arrow-left.svg'}
preview={false} preview={false}
alt={'arrow left'}
/> />
</div> </div>
<div className={'col-span-2 lg:ml-10'}> <div className={'col-span-2 lg:ml-10'}>
<Image <Image
src={'/assets/images/cariparkir2.svg'} src={'/assets/images/cariparkir2.svg'}
preview={false} /> preview={false}
alt={'logo cariparkir'}
/>
</div> </div>
</div> </div>

9
pages/success-payment/index.js
View File

@ -15,12 +15,15 @@ const SuccessPayment = () => {
<Image <Image
src={'/assets/icons/arrow-left.svg'} src={'/assets/icons/arrow-left.svg'}
preview={false} preview={false}
alt={'arrow left'}
/> />
</div> </div>
<div className={'col-span-2 lg:ml-10'}> <div className={'col-span-2 lg:ml-10'}>
<Image <Image
src={'/assets/images/cariparkir2.svg'} src={'/assets/images/cariparkir2.svg'}
preview={false}/> preview={false}
alt={'icon cari parkir'}
/>
</div> </div>
</div> </div>
@ -42,7 +45,7 @@ const SuccessPayment = () => {
<div className={'flex flex-col'}> <div className={'flex flex-col'}>
<span className={'text-[#B7BAC2]'}>Waktu Kedatangan</span> <span className={'text-[#B7BAC2]'}>Waktu Kedatangan</span>
<div className={'flex flex-row items-center gap-2'}> <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> <span className={'text-[#0A7BC0] font-semibold'}>Pukul 13:33 - 14:33</span>
</div> </div>
</div> </div>
@ -50,7 +53,7 @@ const SuccessPayment = () => {
<div className={'flex flex-col'}> <div className={'flex flex-col'}>
<span className={'text-[#B7BAC2]'}>Total Biaya Parkir</span> <span className={'text-[#B7BAC2]'}>Total Biaya Parkir</span>
<div className={'flex flex-row items-center gap-2'}> <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> <span className={'text-[#FF6103]'}>Rp 99.000</span>
</div> </div>
</div> </div>