-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'develop' of https://github.com/FYP-2024-IQMA/fyp2024 in…
…to SCRUM-110-Set-up-RabbitMQ
- Loading branch information
Showing
11 changed files
with
209 additions
and
42 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,155 @@ | ||
| import {ScrollView, StyleSheet, Text, View, SafeAreaView} from 'react-native'; | ||
| import React, {useState, useLayoutEffect, useEffect} from 'react'; | ||
| import {CustomButton} from '@/components/CustomButton'; | ||
| import {router, useLocalSearchParams} from 'expo-router'; | ||
| import {useNavigation} from '@react-navigation/native'; | ||
| import ProgressBar from '@/components/ProgressBar'; | ||
| import { OverviewCard } from '@/components/OverviewCard'; | ||
| import * as lessonEndpoints from '@/helpers/lessonEndpoints'; | ||
| import { formatUnit } from '@/helpers/formatUnitID'; | ||
|
|
||
| const formatCheatSheet = (cheatsheet: any) => { | ||
| if (Array.isArray(cheatsheet)) { | ||
| if (cheatsheet.length === 0) { | ||
| return ( | ||
| <OverviewCard | ||
| isError={true} | ||
| text="Lesson Cheatsheet is not available. Please check with your administrator." | ||
| /> | ||
| ); | ||
| } | ||
| return cheatsheet.map((item, index) => ( | ||
| <OverviewCard key={index} text={item}></OverviewCard> | ||
| )); | ||
| } else { | ||
| if (Object.keys(cheatsheet).length === 0) { | ||
| return ( | ||
| <OverviewCard | ||
| isError={true} | ||
| text="Lesson Cheatsheet is not available. Please check with your administrator." | ||
| /> | ||
| ); | ||
| } | ||
| return Object.entries(cheatsheet).map(([title, text], index) => ( | ||
| <OverviewCard | ||
| isCheatsheetObject={true} | ||
| key={index} | ||
| title={title} | ||
| text={text as string | string[]} | ||
| ></OverviewCard> | ||
| )); | ||
| } | ||
| }; | ||
|
|
||
| // where things show up | ||
| export default function CheatSheet() { | ||
| const navigation = useNavigation(); | ||
| const {sectionID, unitID} = useLocalSearchParams(); | ||
| const [lessons, setLessons] = useState<any[]>([]); | ||
| const [unitNumber, setUnitNumber] = useState<string>(''); | ||
|
|
||
| useLayoutEffect(() => { | ||
| navigation.setOptions({ | ||
| headerTitle: () => ( | ||
| <ProgressBar progress={0.25} isQuestionnaire={false}/> | ||
| ), | ||
| }); | ||
| }, [navigation]); | ||
|
|
||
| useEffect(() => { | ||
| if (sectionID && unitID) { | ||
| (async () => { | ||
|
|
||
| const lessonDetails = await lessonEndpoints.getAllLesson( | ||
| sectionID as string, | ||
| unitID as string | ||
| ); | ||
|
|
||
| setLessons(lessonDetails); | ||
| })(); | ||
| setUnitNumber(formatUnit(unitID as string)); | ||
| } | ||
| }, [sectionID, unitID]); | ||
|
|
||
| const handlePress = () => { | ||
| // router.push("Lesson") | ||
| router.push({ | ||
| pathname: "Lesson", // to be replaced with Unit Reality Check page | ||
| params: {sectionID: sectionID, unitID: unitID}, | ||
| }); | ||
| }; | ||
|
|
||
| return ( | ||
| <ScrollView style={styles.container}> | ||
| <View style={{marginBottom: 20}}> | ||
| <View style={{flex: 1}}> | ||
| <Text | ||
| style={{ | ||
| fontSize: 14, | ||
| fontWeight: 'bold', | ||
| color: '#4143A3', | ||
| marginBottom: 20, | ||
| marginHorizontal: 10, | ||
| }} | ||
| > | ||
| Unit {unitNumber}: Cheat Sheet | ||
| </Text> | ||
| {lessons.length > 0 ? ( | ||
| lessons.map((lesson, index) => ( | ||
| <View key={index} style={[styles.cheatSheet]}> | ||
| <Text style={styles.title}> | ||
| {lesson.lessonName} | ||
| </Text> | ||
| {formatCheatSheet(lesson.lessonCheatSheet)} | ||
| </View> | ||
| )) | ||
| ) : ( | ||
| <OverviewCard | ||
| text="Lesson Cheatsheets are not available. Please check with your administrator." | ||
| isError={true} | ||
| ></OverviewCard> | ||
| )} | ||
| </View> | ||
| <View style={styles.buttonContainer}> | ||
| <CustomButton | ||
| label="continue" | ||
| backgroundColor="white" | ||
| onPressHandler={handlePress} | ||
| /> | ||
| </View> | ||
| </View> | ||
| </ScrollView> | ||
| ); | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ | ||
| container: { | ||
| backgroundColor: '#FFFFFF', | ||
| padding: 20, | ||
| }, | ||
| title: { | ||
| fontSize: 14, | ||
| fontWeight: 'bold', | ||
| color: '#4143A3', | ||
| marginBottom: 20, | ||
| }, | ||
| buttonContainer: { | ||
| alignItems: 'center', | ||
| justifyContent: 'flex-end', | ||
| paddingBottom: 20, | ||
| }, | ||
| cheatSheet: { | ||
| borderColor: '#C3B1FF', | ||
| borderRadius: 10, | ||
| borderWidth: 2, | ||
| padding: 10, | ||
| marginBottom: 20, | ||
| backgroundColor: '#FFFFFF', | ||
| // shadow properties | ||
| shadowColor: '#000', | ||
| shadowOffset: {width: 0, height: 4}, | ||
| shadowOpacity: 0.3, | ||
| shadowRadius: 6, | ||
| elevation: 5, | ||
| }, | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters