#2131 sorted work packages

Author: walker-sean

src/frontend/src/pages/CalendarPage/DesignReviewCreateModal.tsx

@@ -18,7 +18,7 @@ import { DatePicker } from '@mui/x-date-pickers';
 import { useToast } from '../../hooks/toasts.hooks';
 import { useState } from 'react';
 import { meetingStartTimePipe, wbsNamePipe } from '../../utils/pipes';
-import { TeamType, WbsNumber, WorkPackage, validateWBS, wbsPipe } from 'shared';
+import { TeamType, WbsNumber, WorkPackage, validateWBS, wbsNumComparator, wbsPipe } from 'shared';
 import { useCreateDesignReviews } from '../../hooks/design-reviews.hooks';
 import { useAllUsers } from '../../hooks/users.hooks';
 import ErrorPage from '../ErrorPage';
@@ -129,6 +129,8 @@ export const DesignReviewCreateModal: React.FC<DesignReviewCreateModalProps> = (
     });
   });
 
+  wbsDropdownOptions.sort((wp1, wp2) => wbsNumComparator(wp1.id, wp2.id));
+
   const wbsAutocompleteOnChange = (
     _event: React.SyntheticEvent<Element, Event>,
     value: { label: string; id: string } | null