react-native-elearn-ui 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/components/Card.js +1 -2
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/screens/HomeScreen.js +35 -17
- package/lib/module/screens/HomeScreen.js.map +1 -1
- package/lib/module/screens/QbankScreen.js +4 -2
- package/lib/module/screens/QbankScreen.js.map +1 -1
- package/lib/module/screens/QuestionScreen.js +3 -2
- package/lib/module/screens/QuestionScreen.js.map +1 -1
- package/lib/module/screens/QuizStartScreen.js +3 -2
- package/lib/module/screens/QuizStartScreen.js.map +1 -1
- package/lib/module/screens/ResultScreen.js +3 -2
- package/lib/module/screens/ResultScreen.js.map +1 -1
- package/lib/module/screens/TopicListScreen.js +3 -2
- package/lib/module/screens/TopicListScreen.js.map +1 -1
- package/lib/typescript/src/screens/HomeScreen.d.ts +1 -0
- package/lib/typescript/src/screens/HomeScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/QbankScreen.d.ts +5 -1
- package/lib/typescript/src/screens/QbankScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/QuestionScreen.d.ts +1 -0
- package/lib/typescript/src/screens/QuestionScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/QuizStartScreen.d.ts +1 -0
- package/lib/typescript/src/screens/QuizStartScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/ResultScreen.d.ts +1 -0
- package/lib/typescript/src/screens/ResultScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/TopicListScreen.d.ts +1 -0
- package/lib/typescript/src/screens/TopicListScreen.d.ts.map +1 -1
- package/lib/typescript/src/types/index.d.ts +18 -0
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Card.tsx +0 -1
- package/src/screens/HomeScreen.tsx +88 -57
- package/src/screens/QbankScreen.tsx +19 -13
- package/src/screens/QuestionScreen.tsx +20 -16
- package/src/screens/QuizStartScreen.tsx +16 -12
- package/src/screens/ResultScreen.tsx +13 -9
- package/src/screens/TopicListScreen.tsx +16 -12
- package/src/types/index.ts +6 -0
|
@@ -17,6 +17,7 @@ interface ResultScreenProps {
|
|
|
17
17
|
questions: Question[];
|
|
18
18
|
onClose: () => void;
|
|
19
19
|
onReviewAnswers?: () => void;
|
|
20
|
+
hideHeader?: boolean;
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
export const ResultScreen: React.FC<ResultScreenProps> = ({
|
|
@@ -24,6 +25,7 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
|
|
|
24
25
|
questions,
|
|
25
26
|
onClose,
|
|
26
27
|
onReviewAnswers,
|
|
28
|
+
hideHeader = false,
|
|
27
29
|
}) => {
|
|
28
30
|
const { getString } = useElearnConfig();
|
|
29
31
|
const theme = useTheme();
|
|
@@ -42,15 +44,17 @@ export const ResultScreen: React.FC<ResultScreenProps> = ({
|
|
|
42
44
|
<StatusBar barStyle="dark-content" />
|
|
43
45
|
|
|
44
46
|
{/* Header */}
|
|
45
|
-
|
|
46
|
-
<View style={styles.
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
{!hideHeader && (
|
|
48
|
+
<View style={styles.header}>
|
|
49
|
+
<View style={styles.headerLeftPlaceholder} />
|
|
50
|
+
<Typography variant="h2" bold>
|
|
51
|
+
{getString('resultsTitle')}
|
|
52
|
+
</Typography>
|
|
53
|
+
<TouchableOpacity onPress={onClose} style={styles.closeButton}>
|
|
54
|
+
<Icon name="x-circle" size={24} color={theme.textSecondary} />
|
|
55
|
+
</TouchableOpacity>
|
|
56
|
+
</View>
|
|
57
|
+
)}
|
|
54
58
|
|
|
55
59
|
<ScrollView contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
|
|
56
60
|
|
|
@@ -15,11 +15,13 @@ import { Typography, Card, ProgressBar, Icon } from '../components';
|
|
|
15
15
|
interface TopicListScreenProps {
|
|
16
16
|
course: Course;
|
|
17
17
|
onBack: () => void;
|
|
18
|
+
hideHeader?: boolean;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
export const TopicListScreen: React.FC<TopicListScreenProps> = ({
|
|
21
22
|
course,
|
|
22
23
|
onBack,
|
|
24
|
+
hideHeader = false,
|
|
23
25
|
}) => {
|
|
24
26
|
const { callbacks, getString } = useElearnConfig();
|
|
25
27
|
const theme = useTheme();
|
|
@@ -29,18 +31,20 @@ export const TopicListScreen: React.FC<TopicListScreenProps> = ({
|
|
|
29
31
|
<StatusBar barStyle="dark-content" />
|
|
30
32
|
|
|
31
33
|
{/* Header */}
|
|
32
|
-
|
|
33
|
-
<
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
{
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
34
|
+
{!hideHeader && (
|
|
35
|
+
<View style={styles.header}>
|
|
36
|
+
<TouchableOpacity
|
|
37
|
+
onPress={onBack}
|
|
38
|
+
style={[styles.backButton, { borderColor: theme.border }]}
|
|
39
|
+
>
|
|
40
|
+
<Icon name="arrow-left" size={20} color={theme.textPrimary} />
|
|
41
|
+
</TouchableOpacity>
|
|
42
|
+
<Typography variant="h3" bold style={styles.headerTitle} numberOfLines={1}>
|
|
43
|
+
{course.title}
|
|
44
|
+
</Typography>
|
|
45
|
+
<View style={styles.headerRightPlaceholder} />
|
|
46
|
+
</View>
|
|
47
|
+
)}
|
|
44
48
|
|
|
45
49
|
<ScrollView contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
|
|
46
50
|
|
package/src/types/index.ts
CHANGED
|
@@ -178,4 +178,10 @@ export interface HomeScreenParams {
|
|
|
178
178
|
text: string;
|
|
179
179
|
buttonText: string;
|
|
180
180
|
};
|
|
181
|
+
sectionHeaders?: {
|
|
182
|
+
quickLinks?: { title?: string; show?: boolean };
|
|
183
|
+
dailyMcq?: { title?: string; show?: boolean };
|
|
184
|
+
getStarted?: { title?: string; show?: boolean };
|
|
185
|
+
continueLearning?: { title?: string; show?: boolean };
|
|
186
|
+
};
|
|
181
187
|
}
|