diff --git a/plugins/woocommerce-admin/client/header/activity-panel/panels/orders.js b/plugins/woocommerce-admin/client/header/activity-panel/panels/orders.js index 514263df3e0..a99ca87cfa8 100644 --- a/plugins/woocommerce-admin/client/header/activity-panel/panels/orders.js +++ b/plugins/woocommerce-admin/client/header/activity-panel/panels/orders.js @@ -9,14 +9,15 @@ import { compose } from '@wordpress/compose'; import { withSelect } from '@wordpress/data'; import PropTypes from 'prop-types'; import { noop } from 'lodash'; +import interpolateComponents from 'interpolate-components'; /** * WooCommerce dependencies */ import { EllipsisMenu, - Gravatar, Flag, + Link, MenuTitle, MenuItem, OrderStatus, @@ -41,12 +42,31 @@ function OrdersPanel( { orders, isRequesting } ) { ); - const gravatarWithFlag = ( order, address ) => { + const orderCardTitle = ( order, address ) => { + const name = `${ address.first_name } ${ address.last_name }`; + return ( -