fix: UI changes

CODE-73 · Dec 27, 2023 · 86950c9 · 86950c9
1 parent d0ccde8
commit 86950c9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/audire/audire-mobile-app/src/modules/course-topic/CourseTopicView.tsx b/audire/audire-mobile-app/src/modules/course-topic/CourseTopicView.tsx
@@ -8,19 +8,22 @@ import { useTopic } from '@learning-app/syllabus';
 
 type CourseTopicViewProps = {
   topicId: string;
+  title: string;
+  description: string;
 };
 
 const CourseTopicView: FC<CourseTopicViewProps> = ({ topicId }) => {
   const { data: topic } = useTopic({ topicId });
+  console.log(topic, 'ddddddddddd');
 
   return (
     <Box flexDirection="column" flex={1} bgColor="white" w="$full">
       <Box ml="$5" pt="$5" pb="$1">
         <Text fontSize="$xl" color="black" fontWeight="bold" my="$2">
-          CA-Primary
+          {topic?.title}
         </Text>
         <Text fontSize="$md" color="black" fontWeight="$normal">
-          Course Topic description
+          {topic?.description}
         </Text>
       </Box>
 

diff --git a/audire/audire-mobile-app/src/modules/mcq-exams/McqExamPage.tsx b/audire/audire-mobile-app/src/modules/mcq-exams/McqExamPage.tsx
@@ -30,7 +30,7 @@ const quiteIconStyles = StyleSheet.create({
 const McqExamPage: FC<McqExamPageProps> = ({ questions }) => {
   const [showModal, setShowModal] = useState(false);
   const [showSubimtModal, setShowSubimtModal] = useState(false);
-  const [selectedOption, setSelectedOption] = useState(null);
+  const [selectedOption, setSelectedOption] = useState<string | null>(null);
   const [showSubmitDialog, setShowSubmitDialog] = useState(false);
 
   const options = [
@@ -40,7 +40,7 @@ const McqExamPage: FC<McqExamPageProps> = ({ questions }) => {
     { id: 'D', label: questions[0]?.options?.[3] },
   ];
 
-  const handleOptionClick = (optionId) => {
+  const handleOptionClick = (optionId: string) => {
     setSelectedOption(optionId);
   };
 

diff --git a/audire/audire-mobile-app/src/modules/mcq-exams/SubmitDialog.tsx b/audire/audire-mobile-app/src/modules/mcq-exams/SubmitDialog.tsx
@@ -43,11 +43,13 @@ const SubmitDialog: FC<SubmitDialogProps> = (props) => {
         </ModalHeader>
         <ModalBody>
           <Box>
-            <Text>
+            <Text color="black">
               You have 10 unattended questions and 3 questions you had to
               revisit.
             </Text>
-            <Text pt="$4">Are you sure you want to submit the test ?</Text>
+            <Text color="black" pt="$4">
+              Are you sure you want to submit the test ?
+            </Text>
           </Box>
         </ModalBody>
         <ModalFooter>