fix(core): add empty state to addresses page

bigcommerce · Oct 18, 2024 · ea25fac · ea25fac
1 parent 49168db
commit ea25fac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/core/app/[locale]/(default)/account/(tabs)/addresses/_components/address-book.tsx b/core/app/[locale]/(default)/account/(tabs)/addresses/_components/address-book.tsx
@@ -79,6 +79,11 @@ export const AddressBook = ({
           <p>{accountState.message}</p>
         </Message>
       )}
+      {!addressesCount && (
+        <p className="py-12 text-center border-t">
+          {t('emptyAddresses')}
+        </p>
+      )}
       <ul className="mb-12">
         {addressBook.map(
           ({

diff --git a/core/messages/en.json b/core/messages/en.json
@@ -149,6 +149,7 @@
       "title": "Addresses",
       "addNewAddress": "Add new address",
       "editButton": "Edit",
+      "emptyAddresses": "No addresses added",
       "deleteButton": "Delete",
       "confirmDeleteAddress": "Delete address",
       "deleteModalTitle": "Are you sure you want to delete this address?",