fix(Slack): sort user name alphabetically

src/app/(user)/settings/contributors/_components/ContributorRow.tsx

@@ -2,6 +2,7 @@
 
 import { AsanaUser } from '@/lib/asana/types'
 import { http } from '@/lib/http/client/http'
+import { getSlackDisplayName } from '@/lib/slack/get-slack-display-name'
 import { TrelloMember } from '@/lib/trello/types'
 import {
   Select,
@@ -165,15 +166,3 @@ export default function ContributorRow(props: ContributorRowProps) {
     </TableRow>
   )
 }
-
-function getSlackDisplayName(slackMember: SlackMember) {
-  if (slackMember.profile?.display_name) {
-    return slackMember.profile.display_name
-  }
-
-  if (slackMember.profile?.real_name) {
-    return slackMember.profile.real_name
-  }
-
-  return 'Unknown'
-}

src/app/(user)/settings/contributors/page.tsx

@@ -15,6 +15,7 @@ import {
 import { auth } from '@clerk/nextjs'
 import { getTrelloBoardMembers } from '@/lib/trello/get-trello-members'
 import { getAsanaUsers } from '@/lib/asana/get-asana-users'
+import { getSlackDisplayName } from '@/lib/slack/get-slack-display-name'
 
 interface ContributorsPageProps {}
 
@@ -93,12 +94,17 @@ export default async function ContributorsPage(props: ContributorsPageProps) {
     ])
     .execute()
 
-  const availableSlackMembers = slackMembers.filter(
-    (slackMember) =>
-      slackMember.is_bot === false &&
-      slackMember.id !== 'USLACKBOT' &&
-      (!!slackMember.profile?.display_name || !!slackMember.profile?.real_name), // has name
-  )
+  const availableSlackMembers = slackMembers
+    .filter(
+      (slackMember) =>
+        slackMember.is_bot === false &&
+        slackMember.id !== 'USLACKBOT' &&
+        (!!slackMember.profile?.display_name ||
+          !!slackMember.profile?.real_name), // has name
+    )
+    .sort((a, b) =>
+      getSlackDisplayName(a).localeCompare(getSlackDisplayName(b)),
+    )
 
   return (
     <div className="space-y-6">

src/lib/slack/get-slack-display-name.ts

@@ -0,0 +1,13 @@
+import { Member as SlackMember } from '@slack/web-api/dist/response/UsersListResponse'
+
+export function getSlackDisplayName(slackMember: SlackMember) {
+  if (slackMember.profile?.display_name) {
+    return slackMember.profile.display_name
+  }
+
+  if (slackMember.profile?.real_name) {
+    return slackMember.profile.real_name
+  }
+
+  return 'Unknown'
+}