+
{unavailable && Can't ship to this address
}
-
- {
- event.stopPropagation();
- onEdit();
- }}
- ariaLabel="edit"
- className="pointer-events-auto absolute right-4"
- label="edit"
- />
-
+
{
+ event.stopPropagation();
+ onEdit();
+ }}
+ ariaLabel="edit"
+ className="s pointer-events-auto absolute right-2 top-2 h-6 w-6 p-0"
+ label={ }
+ />
);
diff --git a/src/checkout/components/Button.tsx b/src/checkout/components/Button.tsx
index 3cf451c6a..2eac60603 100644
--- a/src/checkout/components/Button.tsx
+++ b/src/checkout/components/Button.tsx
@@ -3,7 +3,7 @@ import clsx from "clsx";
export interface ButtonProps extends ButtonHTMLAttributes
{
label: ReactNode;
- variant?: "primary" | "secondary" | "tertiary";
+ variant?: "primary" | "secondary" | "tertiary" | "";
ariaLabel?: string;
ariaDisabled?: boolean;
}
@@ -22,9 +22,9 @@ export const Button: FC = ({
const classes = clsx(
"inline-flex h-10 items-center justify-center whitespace-nowrap rounded border active:outline-none",
{
- "bg-neutral-900 hover:bg-neutral-800 disabled:bg-neutral-700 aria-disabled:bg-neutral-200 text-white px-4":
+ "bg-neutral-900 hover:bg-neutral-800 disabled:bg-neutral-700 text-white px-4 aria-disabled:cursor-not-allowed aria-disabled:opacity-70 hover:aria-disabled:bg-neutral-700":
variant === "primary",
- "border-neutral-600 hover:border-neutral-700 hover:bg-neutral-300 active:bg-neutral-300 disabled:border-neutral-300 aria-disabled:border-neutral-300 bg-transparent disabled:bg-transparent aria-disabled:bg-transparent":
+ "border-neutral-600 hover:border-neutral-700 hover:bg-neutral-300 active:bg-neutral-300 disabled:border-neutral-300 aria-disabled:border-neutral-300 bg-transparent disabled:bg-transparent aria-disabled:bg-transparent px-4":
variant === "secondary",
"h-auto border-none bg-transparent p-0": variant === "tertiary",
},
diff --git a/src/checkout/components/CountrySelect.tsx b/src/checkout/components/CountrySelect.tsx
index bf11b75f2..9805c7548 100644
--- a/src/checkout/components/CountrySelect.tsx
+++ b/src/checkout/components/CountrySelect.tsx
@@ -17,6 +17,9 @@ export const CountrySelect: React.FC = ({ only = [] }) => {
}));
return (
-
+
+ Country
+
+
);
};
diff --git a/src/checkout/components/ManualSaveAddressForm/AddressFormActions.tsx b/src/checkout/components/ManualSaveAddressForm/AddressFormActions.tsx
index aa843e536..12974f0ed 100644
--- a/src/checkout/components/ManualSaveAddressForm/AddressFormActions.tsx
+++ b/src/checkout/components/ManualSaveAddressForm/AddressFormActions.tsx
@@ -16,22 +16,21 @@ export const AddressFormActions: React.FC = ({
loading,
}) => {
return (
-
+
{onDelete && (
-
-
} />
+
+ } />
)}
-
+
{loading ? (
-
+
e.preventDefault()}
+ label="Processing…"
+ />
) : (
)}
diff --git a/src/checkout/sections/AddressList/AddressList.tsx b/src/checkout/sections/AddressList/AddressList.tsx
index 14a759b12..7bc84db91 100644
--- a/src/checkout/sections/AddressList/AddressList.tsx
+++ b/src/checkout/sections/AddressList/AddressList.tsx
@@ -43,7 +43,7 @@ export const AddressList: React.FC = ({
label="Add address"
className="w-full"
/>
-
+
{addressList.map(({ id, ...rest }: AddressFragment) => {
const identifier = `${camelCase(title)}-${id}}`;
diff --git a/src/checkout/sections/PaymentSection/errorMessages.ts b/src/checkout/sections/PaymentSection/errorMessages.ts
index 3e68de79b..eefe1bfa6 100644
--- a/src/checkout/sections/PaymentSection/errorMessages.ts
+++ b/src/checkout/sections/PaymentSection/errorMessages.ts
@@ -7,6 +7,7 @@ export const apiErrorMessages = {
checkoutFinalizePasswordRequiredError: "Please set user password before finalizing checkout",
checkoutEmailUpdateEmailInvalidError: "Provided email is invalid",
checkoutAddPromoCodePromoCodeInvalidError: "Invalid promo code provided",
+ checkoutAddPromoCodePromoCodeVoucherNotApplicableError: "Provided promo code not applicable to this order",
userAddressUpdatePostalCodeInvalidError: "Invalid postal code provided to address form",
userAddressCreatePostalCodeInvalidError: "Invalid postal code provided to address form",
userRegisterPasswordPasswordTooShortError: "Provided password is too short",
diff --git a/src/checkout/sections/Summary/SummaryPromoCodeRow.tsx b/src/checkout/sections/Summary/SummaryPromoCodeRow.tsx
index 193191ac9..354e5f0df 100644
--- a/src/checkout/sections/Summary/SummaryPromoCodeRow.tsx
+++ b/src/checkout/sections/Summary/SummaryPromoCodeRow.tsx
@@ -34,8 +34,8 @@ export const SummaryPromoCodeRow: React.FC = ({
return (
{editable && (
-