add sortedStudents function

src/app/private/[uid]/chapter-leader/users/MembersHomePage.tsx

@@ -11,6 +11,7 @@ import { faArrowUpFromBracket } from "@fortawesome/free-solid-svg-icons";
 import { Dropdown } from "@components/selector";
 import { Popup } from "@components/container";
 import { useRouter } from "next/navigation";
+import { sortedStudents } from "@utils";
 
 type MembersHomePageProps = {
   members: User[];
@@ -96,7 +97,7 @@ const MembersHomePage = ({ members }: MembersHomePageProps) => {
       )}
       <SearchableContainer
         display={displayMembers}
-        elements={members}
+        elements={sortedStudents(members)}
         emptyNode={
           <h1 className="text-2xl font-light text-[#000022]">
             This chapter has no members.

src/components/DisplayChapterInfo.tsx

@@ -9,6 +9,7 @@ import { UserContext } from "@context/UserProvider";
 import PendingCard from "@components/PendingCard";
 import { fullName } from "@utils";
 import { RoleToUrlSegment } from "@constants/RoleAlias";
+import { sortedStudents } from "@utils";
 
 type ChapterWithUser = Prisma.ChapterGetPayload<{
   include: { students: true };
@@ -91,7 +92,7 @@ const DisplayChapterInfo = ({
                 : "Executive Board"}
             </div>
           }
-          tiles={students.map((student) => {
+          tiles={sortedStudents(students).map((student) => {
             const link =
               user.role === "USER"
                 ? ""

src/utils/index.tsx

@@ -3,6 +3,10 @@ import { Session } from "next-auth";
 import { Resource, Senior, User } from "@prisma/client";
 import moment from "moment";
 
+type PositionOrder = {
+  [position: string]: number;
+};
+
 export const formatUserHomeRoute = (user: NonNullable<Session["user"]>) => {
   return `/private/${user.id}/${RoleToUrlSegment[user.role]}/home`;
 };
@@ -41,3 +45,24 @@ export const fullName = (user: User) => `${user.firstName} ${user.lastName}`;
 
 export const seniorFullName = (senior: Senior) =>
   `${senior.firstname} ${senior.lastname}`;
+
+export const sortedStudents = (students: User[]) => {
+  const positionOrder: PositionOrder = {
+    President: 0,
+    "Social Coordinator": 1,
+    "Senior Outreach Coordinator": 2,
+    "Head of Media": 3,
+    Secretary: 4,
+    Treasurer: 5,
+    "Match Coordinator": 6,
+  };
+
+  const comparePositions = (a: User, b: User) => {
+    const orderA = positionOrder[a.position] || Infinity;
+    const orderB = positionOrder[b.position] || Infinity;
+
+    return orderA - orderB;
+  };
+
+  return students.sort(comparePositions);
+};