fix(admin-ui): Display multiple shipping methods in order detail

Fixes #1665

packages/admin-ui/src/lib/order/src/components/order-table/order-table.component.html

@@ -112,7 +112,7 @@
         </tr>
         <tr class="shipping">
             <td class="left clr-align-middle">{{ 'order.shipping' | translate }}</td>
-            <td class="clr-align-middle">{{ order.shippingLines[0]?.shippingMethod?.name }}</td>
+            <td class="clr-align-middle">{{ getShippingNames(order) }}</td>
             <td colspan="3"></td>
             <td class="clr-align-middle">
                 {{ order.shippingWithTax | localeCurrency: order.currencyCode }}

packages/admin-ui/src/lib/order/src/components/order-table/order-table.component.ts

@@ -72,4 +72,12 @@ export class OrderTableComponent implements OnInit {
             return promotion.couponCode || undefined;
         }
     }
+
+    getShippingNames(order: OrderDetail.Fragment) {
+        if (order.shippingLines.length) {
+            return order.shippingLines.map(shippingLine => shippingLine.shippingMethod.name).join(', ');
+        } else {
+            return '';
+        }
+    }
 }