fix: fix question display

Author: seangaaab

frontend/src/pages/admin/event/evaluations/EvaluationInfoModal.tsx

@@ -3,7 +3,7 @@ import Button from '@/components/Button';
 import { FormItemContainer } from '@/components/Form';
 import Modal from '@/components/Modal';
 import { EvaluationResponse } from '@/model/evaluations';
-import { QUESTIONS } from '@/pages/client/evaluate/questionBuilder/questionsConfig';
+import { QUESTIONS } from '@/pages/client/pycon/evaluate/questionBuilder/questionsConfig';
 
 const DisplayAnswerSwitch = (evaluation: EvaluationResponse) => {
   const { questionType } = evaluation;
@@ -14,6 +14,8 @@ const DisplayAnswerSwitch = (evaluation: EvaluationResponse) => {
       return <span>{evaluation.answerScale}</span>;
     case 'boolean':
       return <span>{evaluation.booleanAnswer ? 'Yes' : 'No'}</span>;
+    default:
+      return <span>{evaluation.answer || evaluation.answerScale || evaluation.booleanAnswer || evaluation.multipleAnswers}</span>;
   }
 };
 
@@ -29,22 +31,20 @@ const EvaluationInfoModal: FC<Props> = ({ fullName, evaluationList }) => {
       modalTitle={fullName + ' Evaluation Answers'}
       visible={showModal}
       onOpenChange={setShowModal}
-      className="md:max-w-[80%] max-h-[80%] overflow-scroll overflow-x-hidden"
+      className="md:max-w-[80%] max-h-[80%]"
       trigger={<Button variant="ghost" size="icon" icon="Ellipsis" />}
       modalFooter={
         <Button onClick={() => setShowModal(false)} variant="ghost">
           Close
         </Button>
       }
     >
-      <div className="w-full flex flex-col flex-wrap gap-y-6 items-center justify-center">
+      <div className="w-full h-full overflow-auto flex flex-col flex-wrap gap-y-6 items-center justify-center">
         {evaluationList.map((evaluation) => {
           return (
             <FormItemContainer key={evaluation.question} halfSpace>
-              <div className="flex flex-col gap-y-2">
-                <p className="font-bold">{evaluation.question?.split('_').join(' ')}?</p>
-                <p className="p-2 rounded-sm bg-input">{DisplayAnswerSwitch(evaluation)}</p>
-              </div>
+              <p className="font-bold">{QUESTIONS.get(evaluation.question!)}</p>
+              <p className="p-2 rounded-sm bg-input">{DisplayAnswerSwitch(evaluation)}</p>
             </FormItemContainer>
           );
         })}