From 558b0a554633a38123d3c904fcf4a640847b6208 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Wed, 20 Oct 2021 13:36:22 +0700
Subject: [PATCH] :sparkles: feat: add shipping method UI

:%s
---
 .../ShippingInfoForm/ShippingInfoForm.tsx        | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.tsx b/src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.tsx
index 012882277..459b69324 100644
--- a/src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.tsx
+++ b/src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.tsx
@@ -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">