frontend/src/pages/Doctor.tsx

@@ -110,7 +110,8 @@ export default function DoctorPage() {
 		fetchAll();
 	}, [fetchAll]);
 
-	const filteredDoctors = doctors.filter((doc) => {
+	const filteredDoctors = doctors
+		.filter((doc) => {
 			const matchesSearch =
 				doc.name.toLowerCase().includes(searchText.toLowerCase()) ||
 				doc.doctorId.toLowerCase().includes(searchText.toLowerCase());
@@ -120,6 +121,24 @@ export default function DoctorPage() {
 				: true;
 
 			return matchesSearch && matchesDepartment;
+		})
+		.sort((a, b) => {
+			if (!filterDepartment) {
+				return a.globalSortOrder - b.globalSortOrder;
+			}
+
+			const aDept = a.departments.find(
+				(d: any) => d.departmentId === filterDepartment,
+			);
+
+			const bDept = b.departments.find(
+				(d: any) => d.departmentId === filterDepartment,
+			);
+
+			return (
+				(aDept?.deptSortOrder ?? Number.MAX_SAFE_INTEGER) -
+				(bDept?.deptSortOrder ?? Number.MAX_SAFE_INTEGER)
+			);
 		});
 
 	useEffect(() => {