Add delivery address in the order detail

Repos that we’ll change

Overview

Admin Tools currently lack a crucial piece of information – the order address. This missing detail leaves operators with lack of information when determining whether they need to see the complete order details. To address this gap and improve operational efficiency, a new feature needs to be implemented in Admin Tools to including an "Order Address" field.

Requirements

Field Placement

  • The "Order Address" field should be displayed in the Admin Tools interface.

  • This field should be added below Delivery ETA field.

Data Source

  • The information for the "Order Address" field should be sourced from the order details section via graphQL.

Testing

  • Comprehensive testing should be conducted to ensure the accurate retrieval and display of order addresses in the Admin Tools interface.

Task summary

Solution

  1. Update the dropoff payload with necessary address information

    order payload
  • Update Dropoff Interface at: intl-admin-app/services/graphql/src/generated/graphql.ts

... export interface Dropoff { readonly beforeTime?: Maybe<string>; readonly addressLine1?: Maybe<string>; readonly addressLine2?: Maybe<string>; readonly city?: Maybe<string>; readonly state?: Maybe<string>; } ...

 

  • Update Dropoff Query at: intl-admin-app/src/remote/queries/order.ts

... delivery { dropoff { beforeTime addressLine1 addressLine2 city state } ...

 

  1. Add a new field “Delivery Address” into order details component

order detail page (after change)

 

  1. Fallback in case of not delivered orders