HansGabriel · HansGabriel · Dec 6, 2023 · Dec 6, 2023 · Dec 6, 2023
diff --git a/apps/expo/src/components/bottom-sheet/ChoiceBottomSheet.tsx b/apps/expo/src/components/bottom-sheet/ChoiceBottomSheet.tsx
@@ -9,6 +9,7 @@ import { Foundation } from "@expo/vector-icons";
 
 import type { FC } from "react";
 import type { QuestionType } from "../../stores/useQuestionStore";
+import useError from "../../screens/create-question/hooks";
 
 interface Props {
   goToCreateQuestion: (questionType: QuestionType) => void;
@@ -19,7 +20,9 @@ const ChoiceBottomSheet: FC<Props> = ({
   goToCreateQuestion,
   closeBottomSheet,
 }) => {
+  const { resetErrors } = useError();
   const handleChoicePress = (questionType: QuestionType) => () => {
+    resetErrors();
     goToCreateQuestion(questionType);
     closeBottomSheet?.();
   };

diff --git a/apps/expo/src/components/dropdowns/DeleteDropdown.tsx b/apps/expo/src/components/dropdowns/DeleteDropdown.tsx
@@ -53,7 +53,10 @@ const DeleteDropdown: FC<Props> = ({
         onCancel={() => {
           setOpenAlert(false);
         }}
-        onConfirm={onDelete}
+        onConfirm={() => {
+          onDelete();
+          setOpenAlert(false);
+        }}
       />
     </>
   );

diff --git a/apps/expo/src/components/headers/ReusableHeader.tsx b/apps/expo/src/components/headers/ReusableHeader.tsx
@@ -17,7 +17,7 @@ interface HeaderProps extends ViewProps {
 }
 
 export const ReusableHeader: FC<HeaderProps> = ({
-  screenName,
+  screenName = "",
   optionIcon,
   onIconPress,
   backIcon = <LeftArrowIcon />,

diff --git a/apps/expo/src/forms/CreateTestForm/index.tsx b/apps/expo/src/forms/CreateTestForm/index.tsx
@@ -308,7 +308,7 @@ const CreateTestForm: FC<Props> = ({
 
   const createMultipleQuestions = (inputMessage: string) => {
     const numOfQuestions =
-      numberOfQuestionOptions.find((option) => option.isSelected)?.value ?? 1;
+      numberOfQuestionOptions.find((option) => option.isSelected)?.value ?? 5;
 
     if (inputMessage.length <= 0) {
       setErrorInAIQuestion(true);

diff --git a/apps/expo/src/screens/create-question/ChoiceCard.tsx b/apps/expo/src/screens/create-question/ChoiceCard.tsx
@@ -669,7 +669,7 @@ export const IdentificationCards = ({
           borderRadius="full"
           fontStyle="bold"
           textColor="white"
-          TOwidth="[50%]"
+          TOwidth="[45%]"
           Vwidth="full"
           Vheight="12"
           onPress={addChoice}

diff --git a/apps/expo/src/screens/create-question/index.tsx b/apps/expo/src/screens/create-question/index.tsx
@@ -115,7 +115,7 @@ export const CreateQuestionScreen: FC = () => {
   const [selectedQuestionId, setSelectedQuestionId] = useState<number>(0);
   const [choices, setChoices] = useState<Choice[]>([]);
   const [isDeleting, setIsDeleting] = useState(false);
-  const [openDeleteAlert, setOpenDeleteAlert] = useState(false);
+  const [isChoiceModalTouched, setIsChoiceModalTouched] = useState(false);
 
   const { height, width } = Dimensions.get("window");
 
@@ -194,6 +194,8 @@ export const CreateQuestionScreen: FC = () => {
   };
 
   const goToCreateQuestion = (selectedQuestionType: QuestionType) => {
+    resetErrors();
+    setIsChoiceModalTouched(false);
     if (isLastQuestionInEdit()) {
       deleteLastQuestion();
       addEmptyQuestion(selectedQuestionType);
@@ -357,6 +359,7 @@ export const CreateQuestionScreen: FC = () => {
 
   const handleOpenModal = (index: number) => () => {
     setSelectedQuestionId(index);
+    setIsChoiceModalTouched(true);
     setShowModal(true);
   };
 
@@ -452,12 +455,11 @@ export const CreateQuestionScreen: FC = () => {
         time: timeLimitOptions.find((option) => option.isSelected)?.value ?? 0,
       };
     }
-
     if (!question) return false;
 
-    resetErrors();
     editQuestion(selectedIndex!, question);
     resetQuestionImage();
+    resetErrors();
     successToast({
       title: "Success",
       message: "Question saved successfully",
@@ -472,7 +474,10 @@ export const CreateQuestionScreen: FC = () => {
           title: "Missing field",
           message: "Title cannot be empty",
         });
-      } else if (!errorState.choicesError.every((item) => item === undefined)) {
+      } else if (
+        isChoiceModalTouched &&
+        !errorState.choicesError.every((item) => item === undefined)
+      ) {
         errorToast({
           title: "Missing field",
           message: "Choices cannot be empty",
@@ -493,7 +498,7 @@ export const CreateQuestionScreen: FC = () => {
       ) {
         errorToast({
           title: "Missing field",
-          message: "Please select a correct answer",
+          message: "Please assign a correct answer",
         });
       }
     }
@@ -619,7 +624,6 @@ export const CreateQuestionScreen: FC = () => {
     }
 
     setIsDeleting(false);
-    setOpenDeleteAlert(false);
   };
 
   const handleGenerateQuestion = () => {
@@ -667,14 +671,15 @@ export const CreateQuestionScreen: FC = () => {
         screenName={"Create Question"}
         optionIcon={
           <QuestionOptionsDropdown
-            isDeleting={isDeleting}
-            setOpenDeleteAlert={() => setOpenDeleteAlert(true)}
             isSaved={!isSaved}
             handleSaveAnswer={handleSaveAnswer(() => {
               setIsSaved(false);
             })}
           />
         }
+        showDeleteIcon={true}
+        onDeletePress={handleDelete}
+        isDeleting={isDeleting}
         backIcon={<Feather name="x" size={24} color="black" />}
         handleExit={handleExitScreen}
       />
@@ -1001,17 +1006,6 @@ export const CreateQuestionScreen: FC = () => {
           }}
           onConfirm={goBack}
         />
-
-        <AlertModal
-          isVisible={openDeleteAlert}
-          alertTitle={"Are you sure?"}
-          alertDescription={"Do you want to delete this question?"}
-          confirmButtonText={"Yes"}
-          isCancelButtonVisible={true}
-          cancelButtonText={"Cancel"}
-          onCancel={() => setOpenDeleteAlert(false)}
-          onConfirm={handleDelete}
-        />
       </View>
     </SafeAreaView>
   );

diff --git a/apps/expo/src/screens/create-question/question-options-dropdown.tsx b/apps/expo/src/screens/create-question/question-options-dropdown.tsx
@@ -1,31 +1,16 @@
 import React from "react";
-import { TouchableOpacity, View, ActivityIndicator } from "react-native";
-import { AntDesign } from "@expo/vector-icons";
+import { TouchableOpacity, View } from "react-native";
 import { Entypo } from "@expo/vector-icons";
 import type { FC } from "react";
 
 interface Props {
-  isDeleting: boolean;
-  setOpenDeleteAlert: () => void;
   isSaved: boolean;
   handleSaveAnswer: () => void;
 }
 
-const QuestionOptionsDropdown: FC<Props> = ({
-  isDeleting,
-  setOpenDeleteAlert,
-  isSaved,
-  handleSaveAnswer,
-}) => {
+const QuestionOptionsDropdown: FC<Props> = ({ isSaved, handleSaveAnswer }) => {
   return (
-    <View className="relative flex-row space-x-4">
-      <TouchableOpacity onPress={setOpenDeleteAlert} disabled={isDeleting}>
-        {isDeleting ? (
-          <ActivityIndicator size="small" color="red" />
-        ) : (
-          <AntDesign name="delete" size={24} color="red" />
-        )}
-      </TouchableOpacity>
+    <View className="relative flex-row space-x-5 self-center">
       <TouchableOpacity disabled={isSaved} onPress={handleSaveAnswer}>
         <Entypo name="save" size={25} color="rgb(79 70 229)" />
       </TouchableOpacity>

diff --git a/apps/expo/src/screens/create-reviewer/index.tsx b/apps/expo/src/screens/create-reviewer/index.tsx
@@ -40,13 +40,12 @@ import { AlertModal } from "../../components/modals/AlertModal";
 import ChoiceModal from "../../components/modals/ChoiceModal";
 import type { Option } from "./types";
 import { NUMBER_OF_QUESTIONS_OPTIONS } from "./constants";
-import useQuestionStore, { QuestionType } from "../../stores/useQuestionStore";
+import useQuestionStore from "../../stores/useQuestionStore";
 import { AppButton } from "../../components/buttons/AppButton";
 import * as DocumentPicker from "expo-document-picker";
 import * as FileSystem from "expo-file-system";
 import {
   extractHighlightedText,
-  mapQuestionType,
 } from "../../utils/helpers/strings";
 
 interface CacheOptions {
@@ -70,17 +69,6 @@ export const CreateReviewerScreen = ({
     type: "create",
   };
   const richText = useRef<RichEditor | null>(null);
-  const types: QuestionType[] = [
-    "multiple_choice",
-    "true_or_false",
-    "multi_select",
-    "identification",
-  ];
-  const randomizeQuestionType = Math.floor(Math.random() * types.length);
-  const questionType = types[randomizeQuestionType];
-  const mappedQuestionType = mapQuestionType(
-    questionType !== undefined ? questionType : "multiple_choice",
-  );
   const [isHighlighterToggled, setIsHighlighterToggled] = useState(false);
   const [isChoiceModalToggled, setIsChoiceModalToggled] = useState(false);
   const [isPDFUploading, setIsPDFUploading] = useState(false);
@@ -95,8 +83,6 @@ export const CreateReviewerScreen = ({
   );
   const [showNumberofQuestionsModal, setShowNumberOfQuestionsModal] =
     useState(false);
-
-  const addEmptyQuestion = useQuestionStore((state) => state.addEmptyQuestion);
   const setLastIndex = useQuestionStore((state) => state.setLastIndex);
   const { addQuestions, removeBlankQuestions } = useQuestionStore();
 
@@ -116,7 +102,7 @@ export const CreateReviewerScreen = ({
   const { mutate: readFile } = trpc.pdfTextExtraction.extractText.useMutation();
 
   const { mutate: generateMultipleQuestions, isLoading: isGenerating } =
-    trpc.gptApi.generateMultipleQuestions.useMutation();
+    trpc.gptApi.generateMultipleRandomQuestions.useMutation();
 
   const {
     mutate: createReviewer,
@@ -367,7 +353,7 @@ export const CreateReviewerScreen = ({
 
   const createMultipleQuestions = (inputMessage: string) => {
     const numOfQuestions =
-      numberOfQuestionOptions.find((option) => option.isSelected)?.value ?? 1;
+      numberOfQuestionOptions.find((option) => option.isSelected)?.value ?? 5;
 
     if (inputMessage === " ") {
       setShowNumberOfQuestionsModal(false);
@@ -379,9 +365,7 @@ export const CreateReviewerScreen = ({
       generateMultipleQuestions(
         {
           message: inputMessage,
-          questionType: mappedQuestionType,
           numOfQuestions: numOfQuestions,
-          numOfChoicesPerQuestion: 4,
         },
         {
           onSuccess: (data) => {
@@ -413,11 +397,11 @@ export const CreateReviewerScreen = ({
                     choices: [
                       {
                         text: "True",
-                        isCorrect: question.answer,
+                        isCorrect: question.choices[0]?.isCorrect ?? false,
                       },
                       {
                         text: "False",
-                        isCorrect: !question.answer,
+                        isCorrect: question.choices[1]?.isCorrect ?? false,
                       },
                     ],
                     inEdit: false,
@@ -426,6 +410,16 @@ export const CreateReviewerScreen = ({
                     points: question.points,
                   };
                 }
+                if (question.type === "identification") {
+                  return {
+                    type: "identification",
+                    choices: question.choices,
+                    inEdit: false,
+                    title: question.question,
+                    time: question.timeLimit,
+                    points: question.points,
+                  };
+                }
                 return {
                   type: "multiple_choice",
                   choices: [],
@@ -435,7 +429,6 @@ export const CreateReviewerScreen = ({
               }),
             );
             removeBlankQuestions();
-            addEmptyQuestion("multiple_choice");
             setLastIndex();
             setShowNumberOfQuestionsModal(false);
             successToast({

diff --git a/packages/api/src/functions/randomQuestionsHandlers.ts b/packages/api/src/functions/randomQuestionsHandlers.ts
@@ -85,13 +85,16 @@ export const generateCombinedQuestionPrompts = (
         type
       ]()}\n`;
     }
+
+    typeCounts[type] = 0;
   });
 
   return combinedPrompts.trim();
 };
 
 export const processGeneratedQuestions = (
   generatedMessage: string,
+  numOfQuestions: number,
 ): ParsedQuestion[] => {
   const questionBlocks = generatedMessage
     .split("separator")
@@ -116,5 +119,7 @@ export const processGeneratedQuestions = (
     }
   });
 
-  return parsedQuestions;
+  const sliceParsedQuestions = parsedQuestions.slice(0, numOfQuestions);
+
+  return sliceParsedQuestions;
 };
diff --git a/packages/api/src/router/gptApi.ts b/packages/api/src/router/gptApi.ts
@@ -131,7 +131,20 @@ export const gptApiRouter = router({
 
       const generatedMessage = await fetchGPT(promptText);
 
-      const processedQuestions = processGeneratedQuestions(generatedMessage);
+      const processedQuestions = processGeneratedQuestions(
+        generatedMessage,
+        numOfQuestions,
+      );
+
+      if (processedQuestions.length < numOfQuestions) {
+        const regenerateMessage = await fetchGPT(promptText);
+        const reprocessedQuestions = processGeneratedQuestions(
+          regenerateMessage,
+          numOfQuestions,
+        );
+
+        return reprocessedQuestions;
+      }
 
       return processedQuestions;
     }),