react-native-elearn-ui 0.1.25 → 0.1.28

package/src/screens/qbank/QBankSubTopicScreen.tsx

@@ -19,6 +19,7 @@ interface QBankSubTopicScreenProps {
   onPressModule?: (moduleId: string) => void;
   onPressFilter?: (filter: string) => void;
   onPressSearch?: () => void;
+  isProUser?: boolean;
 }
 
 export const QBankSubTopicScreen: React.FC<QBankSubTopicScreenProps> = ({
@@ -28,6 +29,7 @@ export const QBankSubTopicScreen: React.FC<QBankSubTopicScreenProps> = ({
   onPressModule,
   onPressFilter,
   onPressSearch,
+  isProUser = false,
 }) => {
   const theme = useTheme();
   const [activeFilter, setActiveFilter] = useState(params.activeFilter || params.filters[0]);
@@ -191,25 +193,27 @@ export const QBankSubTopicScreen: React.FC<QBankSubTopicScreenProps> = ({
                             </Typography>
                           </View>
                         )}
-                        {moduleItem.status === 'locked' && (
-                          <View style={styles.lockedBadge}>
-                            <Icon name="lock" size={12} color="#64748B" />
+                        {moduleItem.status === 'locked' && !isProUser && (
+                          <View style={styles.proBadge}>
+                            <Typography variant="caption" bold color="#FFFFFF" style={{fontSize: 7}}>
+                              PRO
+                            </Typography>
                           </View>
                         )}
                         {moduleItem.attemptStatus === 'resume' && (
-                          <Typography variant="caption" bold color="#F59E0B" style={{fontSize: 11}}>
+                          <Typography variant="caption" bold color="#F59E0B" style={{fontSize: 9}}>
                             RESUME
                           </Typography>
                         )}
                         {moduleItem.attemptStatus === 'completed' && (
                           <View style={{ alignItems: 'flex-end' }}>
                             <View style={styles.completedBadge}>
-                              <Typography variant="caption" bold color="#FFFFFF" style={{fontSize: 8}}>
+                              <Typography variant="caption" bold color="#FFFFFF" style={{fontSize: 7}}>
                                 COMPLETED
                               </Typography>
                             </View>
                             {moduleItem.correctPercentage !== undefined && (
-                              <Typography variant="caption" bold color={theme.success} style={{fontSize: 12, marginTop: 4}}>
+                              <Typography variant="caption" bold color={theme.success} style={{fontSize: 10, marginTop: 4}}>
                                 {moduleItem.correctPercentage}% Correct
                               </Typography>
                             )}
@@ -427,13 +431,11 @@ const styles = StyleSheet.create({
     borderColor: '#10B981',
     backgroundColor: '#FFFFFF',
   },
-  lockedBadge: {
-    width: 24,
-    height: 24,
-    borderRadius: 12,
-    backgroundColor: '#F1F5F9',
-    justifyContent: 'center',
-    alignItems: 'center',
+  proBadge: {
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    borderRadius: 4,
+    backgroundColor: '#F59E0B',
   },
   completedBadge: {
     paddingHorizontal: 6,

package/src/types/index.ts

@@ -239,6 +239,23 @@ export interface QBankSubTopicSection {
   modules: QBankSubTopicModule[];
 }
 
+export interface QBankOption {
+  id: string;
+  text: string;
+  status: 'default' | 'correct' | 'incorrect';
+  percentage?: number; // e.g. 20 for [20%]
+}
+
+export interface QBankQuestionParams {
+  headerTitle: string;
+  questionNumber: number;
+  totalQuestions: number;
+  questionText: string;
+  options: QBankOption[];
+  explanation?: string;
+  referenceId?: string;
+}
+
 export interface QBankSubTopicParams {
   header: {
     title: string;