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 (
<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>

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

@ -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>
)}

2
components/Location/index.js
View File

@ -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>

4
components/Transaction/index.js
View File

@ -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>

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

@ -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>
</>
)

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

@ -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

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>,
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>

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

@ -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>