updated api docs, trainee/db schema(s) cli/ser, tested using postman, added new mentors section to education tab, also tested for editing

Author: MBreathe

client/package-lock.json

@@ -1,4 +1,4 @@
-import { Box, FormControl, InputLabel, MenuItem, Select, TextField } from '@mui/material';
+import { Box, FormControl, InputLabel, MenuItem, Select, TextField, Typography } from '@mui/material';
 import { LearningStatus, QuitReason, Trainee } from '../../models';
 import { createSelectChangeHandler, createTextChangeHandler } from '../../helpers/formHelper';
 
@@ -184,6 +184,56 @@ export const EducationInfo = () => {
           />
         </FormControl>
       </div>
+      <div style={{ width: '100%' }}>
+        <Typography variant="h6" color="black" padding="16px">
+          Mentors
+        </Typography>
+
+        {/* Technical mentor */}
+        <FormControl sx={{ mx: 2, my: 1, width: '20ch', gap: '2rem' }}>
+          <TextField
+            id="techMentor"
+            name="techMentor"
+            label="Technical Mentor"
+            type="text"
+            value={editedFields?.techMentor ?? ''}
+            InputProps={{ readOnly: isEditing ? false : true }}
+            InputLabelProps={{ shrink: true }}
+            variant={isEditing ? 'outlined' : 'standard'}
+            onChange={handleTextChange}
+          />
+        </FormControl>
+
+        {/* HR Mentor */}
+        <FormControl sx={{ mx: 2, my: 1, width: '11ch', gap: '2rem' }}>
+          <TextField
+            id="hrMentor"
+            name="hrMentor"
+            label="HR Mentor"
+            type="text"
+            value={editedFields?.hrMentor ?? ''}
+            InputProps={{ readOnly: isEditing ? false : true }}
+            InputLabelProps={{ shrink: true }}
+            variant={isEditing ? 'outlined' : 'standard'}
+            onChange={handleTextChange}
+          />
+        </FormControl>
+
+        {/* English mentor */}
+        <FormControl sx={{ mx: 2, my: 1, width: '20ch', gap: '2rem' }}>
+          <TextField
+            id="engMentor"
+            name="engMentor"
+            label="English Mentor"
+            type="text"
+            value={editedFields?.engMentor ?? ''}
+            InputProps={{ readOnly: isEditing ? false : true }}
+            InputLabelProps={{ shrink: true }}
+            variant={isEditing ? 'outlined' : 'standard'}
+            onChange={handleTextChange}
+          />
+        </FormControl>
+      </div>
       <Box display="flex" gap={2} style={{ width: '100%' }}>
         <StrikesComponent />
         <TestsComponent />

client/src/components/education/EducationInfo.tsx

@@ -153,6 +153,9 @@ export interface TraineeEducationInfo {
   startCohort: number;
   currentCohort?: number;
   learningStatus: LearningStatus;
+  techMentor?: string;
+  hrMentor?: string;
+  engMentor?: string;
   startDate?: Date;
   graduationDate?: Date;
   quitReason?: QuitReason;

client/src/models/Trainee.ts

@@ -1424,15 +1424,12 @@ components:
           maximum: 999
         learningStatus:
           $ref: '#/components/schemas/LearningStatus'
-        mentors:
-          type: object
-          properties:
-            technical:
-              type: string
-            hr:
-              type: string
-            english:
-              type: string
+        techMentor:
+          type: string
+        hrMentor:
+          type: string
+        engMentor:
+          type: string
         startDate:
           type: string
           format: date-time