+
+
+ Same as billing address
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
)
}
diff --git a/components/checkout/ShippingWidget/ShippingWidget.tsx b/components/checkout/ShippingWidget/ShippingWidget.tsx
index b072178b0..557a69a8b 100644
--- a/components/checkout/ShippingWidget/ShippingWidget.tsx
+++ b/components/checkout/ShippingWidget/ShippingWidget.tsx
@@ -1,15 +1,16 @@
import { FC } from 'react'
import s from './ShippingWidget.module.css'
-import { ChevronRight, MapPin } from '@components/icons'
+import { ChevronRight, MapPin, Check } from '@components/icons'
import cn from 'classnames'
interface ComponentProps {
onClick?: () => any
+ isValid?: boolean
}
-const ShippingWidget: FC
= ({ onClick }) => {
- /* Shipping Address
- Only available with checkout set to true -
+const ShippingWidget: FC = ({ onClick, isValid }) => {
+ /* Shipping Address
+ Only available with checkout set to true -
This means that the provider does offer checkout functionality. */
return (
@@ -23,9 +24,7 @@ const ShippingWidget: FC = ({ onClick }) => {
San Franssisco, California
*/}
-
-
-
+ {isValid ? : }
)
}
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index f689030d6..5c85eb084 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -58,7 +58,7 @@ const ProductView: FC