-
Change State
-
-
-
- {programTitle}
-
-
- Current State: {' '}
- {programStates[currentStep].name}
-
- {programStates[currentStep].description}
-
-
-
-
-
-
-
- {programStates.map((step: State) => {
- return (
-
+
+
Change State
+
+
+
+ {programTitle}
+
- );
- })}
-
+
+ Current State: {' '}
+ {programStates[currentStep].name}
+
+ {programStates[currentStep].description}
+
+
+
+
+
+
+
+ {programStates.map((step: State) => {
+ return (
+
+ );
+ })}
+
+
+
);
}
diff --git a/src/scenes/Dashboard/scenes/ManageMentees/index.tsx b/src/scenes/Dashboard/scenes/ManageMentees/index.tsx
index 92af934..fcce081 100644
--- a/src/scenes/Dashboard/scenes/ManageMentees/index.tsx
+++ b/src/scenes/Dashboard/scenes/ManageMentees/index.tsx
@@ -13,6 +13,7 @@ import { Mentee } from './interfaces';
import { useParams } from 'react-router';
import axios, { AxiosResponse } from 'axios';
import { API_URL } from '../../../../constants';
+import styles from '../../styles.css';
const { Title } = Typography;
const { confirm } = Modal;
@@ -76,7 +77,7 @@ function ManageMentees() {
};
return (
-
+
Manage Mentees
(props.mentor.state);
+ const { programId } = useParams();
+ const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+ const [mentorState, setMentorState] = useState(mentor.state);
+ const [mentorResponse, setMentorResponse] = useState([]);
const updateMentorState = (mentorState: string) => {
let successMessage: string;
@@ -27,7 +48,7 @@ function MentorRow(props: { mentor: Mentor, programState: string }) {
axios
.put(
- `${API_URL}/admin/mentors/${props.mentor.id}/state`,
+ `${API_URL}/admin/mentors/${mentor.id}/state`,
{
state: mentorState,
},
@@ -87,12 +108,48 @@ function MentorRow(props: { mentor: Mentor, programState: string }) {
});
};
- if (props.programState === 'MENTOR_SELECTION') {
+ const getMentorResponse = () => {
+ axios
+ .get(
+ `${API_URL}/programs/${programId}/responses/mentor?mentorId=${mentor.id}`,
+ {
+ withCredentials: true,
+ }
+ )
+ .then((result: AxiosResponse) => {
+ if (result.status == 200) {
+ setMentorResponse(result.data);
+ } else {
+ throw new Error();
+ }
+ })
+ .catch(() => {
+ notification.error({
+ message: 'Error!',
+ description: 'Something went wrong when fetching mentor response',
+ });
+ });
+ };
+
+ if (programState === 'MENTOR_SELECTION') {
const isApproveDisabled: boolean =
mentorState == 'APPROVED' || mentorState == 'REMOVED';
const isRejectDisabled: boolean =
mentorState == 'REJECTED' || mentorState == 'REMOVED';
+ actions.push(
+
+ );
+
actions.push(