User mapping FE - Add UI for sorting of placeholder users
Add sort functionality to the filtered search bar (existing shared component) that follows the designs here. Note that there is a separate issue for search + filter.
We should also update the URL params to match the selected sort.
The backend GraphQL query has been implemented and accepts the following values:
-
STATUS_ASC
. -
STATUS_DESC
. -
SOURCE_NAME_ASC
. -
SOURCE_NAME_DESC
.
Here is a starter diff with the GraphQL query:
diff --git a/app/assets/javascripts/members/placeholders/graphql/queries/import_source_users.query.graphql b/app/assets/javascripts/members/placeholders/graphql/queries/import_source_users.query.graphql
index fd2fcc1757c6..91e7ec705743 100644
--- a/app/assets/javascripts/members/placeholders/graphql/queries/import_source_users.query.graphql
+++ b/app/assets/javascripts/members/placeholders/graphql/queries/import_source_users.query.graphql
@@ -3,6 +3,7 @@
query importSourceUsers(
$fullPath: ID!
+ $sort: SourceUserSort
$before: String
$after: String
$first: Int
@@ -12,6 +13,7 @@ query importSourceUsers(
namespace(fullPath: $fullPath) {
id
importSourceUsers(
+ sort: $sort
before: $before
after: $after
first: $first
Edited by Justin Ho Tuan Duong