fix checkout address view

CHANGELOG.md

@@ -32,6 +32,7 @@ All notable, unreleased changes to this project will be documented in this file.
 - Require payment recreate when payment price is wrong - #892 by @orzechdev
 - Handle JWT token refreshing and verifying - #883 by @orzechdev
 - Fix cart sidebar style - #897 by @orzechdev
+- Fix checkout address view - #909 by @konstantinoschristomanos
 
 ## 2.10.4
 

src/@next/components/organisms/CheckoutAddress/CheckoutAddress.tsx

@@ -19,7 +19,8 @@ const CheckoutAddress: React.FC<IProps> = ({
   checkoutBillingAddress,
   billingAsShippingAddress = false,
   email,
-  selectedUserAddressId,
+  selectedUserShippingAddressId,
+  selectedUserBillingAddressId,
   userAddresses,
   countries,
   userId,
@@ -49,7 +50,7 @@ const CheckoutAddress: React.FC<IProps> = ({
                 formId={shippingFormId}
                 formRef={shippingFormRef}
                 addresses={userAddresses}
-                selectedAddressId={selectedUserAddressId}
+                selectedAddressId={selectedUserShippingAddressId}
                 countriesOptions={countries?.filter(filterNotEmptyArrayItems)}
                 userId={userId}
                 errors={shippingErrors}
@@ -104,7 +105,7 @@ const CheckoutAddress: React.FC<IProps> = ({
                 formId={billingFormId}
                 formRef={billingFormRef}
                 addresses={userAddresses}
-                selectedAddressId={selectedUserAddressId}
+                selectedAddressId={selectedUserBillingAddressId}
                 countriesOptions={countries?.filter(filterNotEmptyArrayItems)}
                 userId={userId}
                 errors={billingErrors}

src/@next/components/organisms/CheckoutAddress/types.ts

@@ -8,7 +8,8 @@ export declare type Address = {
 
 export interface IProps {
   userAddresses?: Address[] | null;
-  selectedUserAddressId?: string;
+  selectedUserShippingAddressId?: string;
+  selectedUserBillingAddressId?: string;
   checkoutShippingAddress?: IAddress | null;
   billingAsShippingAddress?: boolean;
   checkoutBillingAddress?: IAddress | null;

src/@next/pages/CheckoutPage/subpages/CheckoutAddressSubpage.tsx

@@ -40,6 +40,7 @@ const CheckoutAddressSubpageWithRef: RefForwardingComponent<
   const {
     checkout,
     selectedShippingAddressId,
+    selectedBillingAddressId,
     billingAsShipping,
     setShippingAddress,
     setBillingAddress,
@@ -227,7 +228,8 @@ const CheckoutAddressSubpageWithRef: RefForwardingComponent<
       billingAsShippingAddress={billingAsShippingState}
       email={checkout?.email}
       userAddresses={userAdresses}
-      selectedUserAddressId={selectedShippingAddressId}
+      selectedUserShippingAddressId={selectedShippingAddressId}
+      selectedUserBillingAddressId={selectedBillingAddressId}
       countries={countries}
       userId={user?.id}
       newAddressFormId={checkoutNewAddressFormId}