feat: add shipping method UI

:%s
This commit is contained in:
lytrankieio123
2021-10-20 13:36:22 +07:00
parent 77e157e109
commit 558b0a5546

View File

@@ -3,6 +3,7 @@ import React, { useEffect, useRef } from 'react'
import { ButtonCommon, InputFiledInForm, SelectFieldInForm } from 'src/components/common'
import { useMessage } from 'src/components/contexts'
import { useAvailableCountries, useSetOrderShippingAddress } from 'src/components/hooks/order'
import { Shipping } from 'src/components/icons'
import { LANGUAGE } from 'src/utils/language.utils'
import { CustomInputCommon } from 'src/utils/type.utils'
import * as Yup from 'yup'
@@ -175,6 +176,21 @@ const ShippingInfoForm = ({ onConfirm, id, activeStep }: ShippingInfoFormProps)
onEnter={isValid ? submitForm : undefined}
/>
</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}>
<ChekoutNotePolicy />
<ButtonCommon HTMLType='submit' loading={loading} size="large">