Change customer order sorting in Descending rder from Created at date (GCOM-1316)

.changeset/big-shrimps-press.md

@@ -0,0 +1,5 @@
+---
+"@graphcommerce/magento-customer": patch
+---
+
+Change sorting for customer orders

packages/magento-customer/components/AccountOrders/AccountOrders.graphql

@@ -1,5 +1,5 @@
 fragment AccountOrders on Customer {
-  orders(filter: {}, pageSize: $pageSize, currentPage: $currentPage) {
+  orders(filter: {}, pageSize: $pageSize, currentPage: $currentPage, sort: $sort) {
     items {
       ...OrderCard
     }

packages/magento-customer/components/AccountOrders/AccountOrders.tsx

@@ -20,16 +20,14 @@ export function AccountOrders(props: AccountOrdersProps) {
   const pageInfo = orders?.page_info
   const isFirstPage = pageInfo?.current_page === 1
 
-  // whenever it's possible, pick last {amountLatestOrders} items, then reverse the resulting array,
-  // because we want to render the latest order first,
-  // but the API returns the orders in ASC order...
-  const latestOrders = orders?.items
-    .slice(Math.max((orders?.items?.length ?? 0) - 2, 0), orders?.items?.length)
-    .reverse()
+  const endLatestIndex = Math.min(2, orders?.items?.length || 2)
+  const latestOrders = orders?.items?.slice(0, endLatestIndex)
 
+  const startOlderIndex = Math.min(2, orders?.items?.length || 0)
+  const endOlderIndex = orders?.items?.length || 0
   const olderOrders = isFirstPage
-    ? orders?.items.slice(0, Math.max((orders?.items?.length ?? 0) - 2, 0)).reverse()
-    : orders?.items
+  ? orders?.items?.slice(startOlderIndex, endOlderIndex)
+  : orders?.items
 
   return (
     <Box

packages/magento-customer/graphql/AccountDashboardOrders.graphql

@@ -1,4 +1,7 @@
-query AccountDashboardOrders($currentPage: Int!, $pageSize: Int!) {
+query AccountDashboardOrders(
+  $currentPage: Int!,
+  $pageSize: Int!,
+  $sort: CustomerOrderSortInput = { sort_direction: DESC, sort_field: CREATED_AT }) {
   customer {
     ...AccountOrders
   }