Enhance Customer Page with User Address Display

Repos that we’ll change

• https://github.com/rbilabs/intl-admin-app

Overview

The goal of this feature is to improve the Customer Page by adding a component to display the available user Addresses. This development involves implementing a GraphQL query to fetch saved addresses from the backend and presenting them to the Customer Page.

Figma: https://www.figma.com/file/Ti8Qr6jeSEPaencIDyYfcJ/branch/HybhFYrAdYY5DqJSuyvzml/Burger-King?type=design&node-id=667-17160&mode=design&t=vF9eD1ycn4nts2vc-0

Requirements

• Display individual user addresses in the customer page according to design available in Figma, receiving address details as props and render them.

• Implement GraphQL query that needs to request the necessary address fields (e.g. street, number, restaurant name…) to be loaded at Customer Page.

• Create a new TypeScript interface to ensure type safety of the component data.