crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: add shipping method UI

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-10-20 13:36:22 +07:00
parent 77e157e109
commit 558b0a5546
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.tsx
View File

@@ -3,6 +3,7 @@ import React, { useEffect, useRef } from 'react'
import { ButtonCommon, InputFiledInForm, SelectFieldInForm } from 'src/components/common' import { ButtonCommon, InputFiledInForm, SelectFieldInForm } from 'src/components/common'
import { useMessage } from 'src/components/contexts' import { useMessage } from 'src/components/contexts'
import { useAvailableCountries, useSetOrderShippingAddress } from 'src/components/hooks/order' import { useAvailableCountries, useSetOrderShippingAddress } from 'src/components/hooks/order'
import { Shipping } from 'src/components/icons'
import { LANGUAGE } from 'src/utils/language.utils' import { LANGUAGE } from 'src/utils/language.utils'
import { CustomInputCommon } from 'src/utils/type.utils' import { CustomInputCommon } from 'src/utils/type.utils'
import * as Yup from 'yup' import * as Yup from 'yup'
@@ -175,6 +176,21 @@ const ShippingInfoForm = ({ onConfirm, id, activeStep }: ShippingInfoFormProps)
onEnter={isValid ? submitForm : undefined} onEnter={isValid ? submitForm : undefined}
/> />
</div> </div>
<div className={s.method}>
<div className={s.left}>
<div className={s.icon}>
<Shipping />
</div>
<div className={s.name}>
Standard Delivery Method
</div>
</div>
<div className={s.right}>
<div className={s.price}>
Free
</div>
</div>
</div>
<div className={s.bottom}> <div className={s.bottom}>
<ChekoutNotePolicy /> <ChekoutNotePolicy />
<ButtonCommon HTMLType='submit' loading={loading} size="large"> <ButtonCommon HTMLType='submit' loading={loading} size="large">