Change vendor order to use order by name

Signed-off-by: gearnode <bryan@frimin.fr>

apps/console/src/pages/VendorListPage.tsx

@@ -52,8 +52,13 @@ const vendorListFragment = graphql`
     last: { type: "Int" }
     before: { type: "CursorKey" }
   ) {
-    vendors(first: $first, after: $after, last: $last, before: $before)
+    vendors(
-      @connection(key: "VendorListPage_vendors") {
+      first: $first
+      after: $after
+      last: $last
+      before: $before
+      orderBy: { direction: ASC, field: NAME }
+    ) @connection(key: "VendorListPage_vendors") {
       __id
       edges {
         node {
@@ -503,7 +508,7 @@ export default function VendorListPage() {
       last: before ? ITEMS_PER_PAGE : undefined,
       before: before || undefined,
     });
-  }, [loadQuery, organizationId, searchParams]);
+  }, [loadQuery, organizationId]);
 
   if (!queryRef) {
     return <VendorListFallback />;

apps/console/src/pages/__generated__/VendorListPagePaginationQuery.graphql.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4061e153ecdb5d4c746bf6e5dd33537a>>
+ * @generated SignedSource<<167c602f1fa3a3720523424c44c8b734>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -60,42 +60,54 @@ v5 = [
     "variableName": "id"
   }
 ],
-v6 = [
+v6 = {
-  {
+  "kind": "Variable",
-    "kind": "Variable",
+  "name": "after",
-    "name": "after",
+  "variableName": "after"
-    "variableName": "after"
+},
-  },
-  {
-    "kind": "Variable",
-    "name": "before",
-    "variableName": "before"
-  },
-  {
-    "kind": "Variable",
-    "name": "first",
-    "variableName": "first"
-  },
-  {
-    "kind": "Variable",
-    "name": "last",
-    "variableName": "last"
-  }
-],
 v7 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v10 = {
   "alias": null,
   "args": null,
   "kind": "ScalarField",
   "name": "__typename",
   "storageKey": null
 },
-v8 = {
+v11 = {
   "alias": null,
   "args": null,
   "kind": "ScalarField",
   "name": "id",
   "storageKey": null
-};
+},
+v12 = [
+  (v6/*: any*/),
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "ASC",
+      "field": "NAME"
+    }
+  }
+];
 return {
   "fragment": {
     "argumentDefinitions": [
@@ -118,7 +130,12 @@ return {
         "plural": false,
         "selections": [
           {
-            "args": (v6/*: any*/),
+            "args": [
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/)
+            ],
             "kind": "FragmentSpread",
             "name": "VendorListPage_vendors"
           }
@@ -149,14 +166,14 @@ return {
         "name": "node",
         "plural": false,
         "selections": [
-          (v7/*: any*/),
+          (v10/*: any*/),
-          (v8/*: any*/),
+          (v11/*: any*/),
           {
             "kind": "InlineFragment",
             "selections": [
               {
                 "alias": null,
-                "args": (v6/*: any*/),
+                "args": (v12/*: any*/),
                 "concreteType": "VendorConnection",
                 "kind": "LinkedField",
                 "name": "vendors",
@@ -178,7 +195,7 @@ return {
                         "name": "node",
                         "plural": false,
                         "selections": [
-                          (v8/*: any*/),
+                          (v11/*: any*/),
                           {
                             "alias": null,
                             "args": null,
@@ -214,7 +231,7 @@ return {
                             "name": "riskTier",
                             "storageKey": null
                           },
-                          (v7/*: any*/)
+                          (v10/*: any*/)
                         ],
                         "storageKey": null
                       },
@@ -284,8 +301,10 @@ return {
               },
               {
                 "alias": null,
-                "args": (v6/*: any*/),
+                "args": (v12/*: any*/),
-                "filters": null,
+                "filters": [
+                  "orderBy"
+                ],
                 "handle": "connection",
                 "key": "VendorListPage_vendors",
                 "kind": "LinkedHandle",
@@ -301,16 +320,16 @@ return {
     ]
   },
   "params": {
-    "cacheID": "36b6d950eacaed69ecef277f51ce7b2f",
+    "cacheID": "72074f9c6435d35453cfd0effbbd6add",
     "id": null,
     "metadata": {},
     "name": "VendorListPagePaginationQuery",
     "operationKind": "query",
-    "text": "query VendorListPagePaginationQuery(\n  $after: CursorKey\n  $before: CursorKey\n  $first: Int\n  $last: Int\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorListPage_vendors_pbnwq\n    id\n  }\n}\n\nfragment VendorListPage_vendors_pbnwq on Organization {\n  vendors(first: $first, after: $after, last: $last, before: $before) {\n    edges {\n      node {\n        id\n        name\n        description\n        createdAt\n        updatedAt\n        riskTier\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n      startCursor\n      endCursor\n    }\n  }\n  id\n}\n"
+    "text": "query VendorListPagePaginationQuery(\n  $after: CursorKey\n  $before: CursorKey\n  $first: Int\n  $last: Int\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorListPage_vendors_pbnwq\n    id\n  }\n}\n\nfragment VendorListPage_vendors_pbnwq on Organization {\n  vendors(first: $first, after: $after, last: $last, before: $before, orderBy: {direction: ASC, field: NAME}) {\n    edges {\n      node {\n        id\n        name\n        description\n        createdAt\n        updatedAt\n        riskTier\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n      startCursor\n      endCursor\n    }\n  }\n  id\n}\n"
   }
 };
 })();
 
-(node as any).hash = "7b7bdfacd87b8fa297e905e56cc44423";
+(node as any).hash = "beaab1664bed1fa776659595b1ef3c30";
 
 export default node;

apps/console/src/pages/__generated__/VendorListPageQuery.graphql.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5b261d2af4d8fef41cbe574d9b08ef28>>
+ * @generated SignedSource<<3e49ccb0b233e4d7495387ecf23f2316>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -68,35 +68,47 @@ v6 = {
   "name": "id",
   "storageKey": null
 },
-v7 = [
+v7 = {
-  {
+  "kind": "Variable",
-    "kind": "Variable",
+  "name": "after",
-    "name": "after",
+  "variableName": "after"
-    "variableName": "after"
+},
-  },
-  {
-    "kind": "Variable",
-    "name": "before",
-    "variableName": "before"
-  },
-  {
-    "kind": "Variable",
-    "name": "first",
-    "variableName": "first"
-  },
-  {
-    "kind": "Variable",
-    "name": "last",
-    "variableName": "last"
-  }
-],
 v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
   "alias": null,
   "args": null,
   "kind": "ScalarField",
   "name": "__typename",
   "storageKey": null
-};
+},
+v12 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "ASC",
+      "field": "NAME"
+    }
+  }
+];
 return {
   "fragment": {
     "argumentDefinitions": [
@@ -120,7 +132,12 @@ return {
         "selections": [
           (v6/*: any*/),
           {
-            "args": (v7/*: any*/),
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/)
+            ],
             "kind": "FragmentSpread",
             "name": "VendorListPage_vendors"
           }
@@ -151,14 +168,14 @@ return {
         "name": "node",
         "plural": false,
         "selections": [
-          (v8/*: any*/),
+          (v11/*: any*/),
           (v6/*: any*/),
           {
             "kind": "InlineFragment",
             "selections": [
               {
                 "alias": null,
-                "args": (v7/*: any*/),
+                "args": (v12/*: any*/),
                 "concreteType": "VendorConnection",
                 "kind": "LinkedField",
                 "name": "vendors",
@@ -216,7 +233,7 @@ return {
                             "name": "riskTier",
                             "storageKey": null
                           },
-                          (v8/*: any*/)
+                          (v11/*: any*/)
                         ],
                         "storageKey": null
                       },
@@ -286,8 +303,10 @@ return {
               },
               {
                 "alias": null,
-                "args": (v7/*: any*/),
+                "args": (v12/*: any*/),
-                "filters": null,
+                "filters": [
+                  "orderBy"
+                ],
                 "handle": "connection",
                 "key": "VendorListPage_vendors",
                 "kind": "LinkedHandle",
@@ -303,12 +322,12 @@ return {
     ]
   },
   "params": {
-    "cacheID": "c898734b8c7718e6374ac856827fa4f6",
+    "cacheID": "c2e401b2e573156b913d60ade59ea4ff",
     "id": null,
     "metadata": {},
     "name": "VendorListPageQuery",
     "operationKind": "query",
-    "text": "query VendorListPageQuery(\n  $organizationId: ID!\n  $first: Int\n  $after: CursorKey\n  $last: Int\n  $before: CursorKey\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ...VendorListPage_vendors_pbnwq\n  }\n}\n\nfragment VendorListPage_vendors_pbnwq on Organization {\n  vendors(first: $first, after: $after, last: $last, before: $before) {\n    edges {\n      node {\n        id\n        name\n        description\n        createdAt\n        updatedAt\n        riskTier\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n      startCursor\n      endCursor\n    }\n  }\n  id\n}\n"
+    "text": "query VendorListPageQuery(\n  $organizationId: ID!\n  $first: Int\n  $after: CursorKey\n  $last: Int\n  $before: CursorKey\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ...VendorListPage_vendors_pbnwq\n  }\n}\n\nfragment VendorListPage_vendors_pbnwq on Organization {\n  vendors(first: $first, after: $after, last: $last, before: $before, orderBy: {direction: ASC, field: NAME}) {\n    edges {\n      node {\n        id\n        name\n        description\n        createdAt\n        updatedAt\n        riskTier\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n      startCursor\n      endCursor\n    }\n  }\n  id\n}\n"
   }
 };
 })();

apps/console/src/pages/__generated__/VendorListPage_vendors.graphql.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<154771eb64f67988863d8cda0ece1d86>>
+ * @generated SignedSource<<07023a3f17c448fc24762c05b3a7ff87>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -109,7 +109,16 @@ return {
   "selections": [
     {
       "alias": "vendors",
-      "args": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "orderBy",
+          "value": {
+            "direction": "ASC",
+            "field": "NAME"
+          }
+        }
+      ],
       "concreteType": "VendorConnection",
       "kind": "LinkedField",
       "name": "__VendorListPage_vendors_connection",
@@ -239,7 +248,7 @@ return {
           ]
         }
       ],
-      "storageKey": null
+      "storageKey": "__VendorListPage_vendors_connection(orderBy:{\"direction\":\"ASC\",\"field\":\"NAME\"})"
     },
     (v1/*: any*/)
   ],
@@ -248,6 +257,6 @@ return {
 };
 })();
 
-(node as any).hash = "7b7bdfacd87b8fa297e905e56cc44423";
+(node as any).hash = "beaab1664bed1fa776659595b1ef3c30";
 
 export default node;