Content for web and mobile

components/ui/content.tsx

@@ -1,18 +1,41 @@
 import { ContentPadding } from "@/constants/theme";
 import { forwardRef } from "react";
-import { ScrollView, ScrollViewProps, StyleSheet } from "react-native";
+import {
+  Platform,
+  ScrollView,
+  ScrollViewProps,
+  StyleSheet,
+} from "react-native";
 
 interface ContentProps extends ScrollViewProps {
   children?: React.ReactNode;
 }
 
-const Content = forwardRef<ScrollView, ContentProps>(({ children, style, ...rest }, ref) => {
-  return (
-    <ScrollView ref={ref} contentContainerStyle={[styles.content, style]} {...rest}>
-      {children}
-    </ScrollView>
-  );
-});
+const Content = forwardRef<ScrollView, ContentProps>(
+  ({ children, style, ...rest }, ref) => {
+    return (
+      <>
+        {Platform.OS === "web" ? (
+          <ScrollView
+            ref={ref}
+            style={[styles.content, style]}
+            {...rest}
+          >
+            {children}
+          </ScrollView>
+        ) : (
+          <ScrollView
+            ref={ref}
+            contentContainerStyle={[styles.content, style]}
+            {...rest}
+          >
+            {children}
+          </ScrollView>
+        )}
+      </>
+    );
+  }
+);
 
 Content.displayName = "Content";
 
@@ -20,8 +43,8 @@ const styles = StyleSheet.create({
   content: {
     paddingHorizontal: ContentPadding,
     paddingTop: ContentPadding + 30,
-    paddingBottom: ContentPadding + 20
-  }
+    paddingBottom: ContentPadding + 20,
+  },
 });
 
 export default Content;

components/user-test.tsx

@@ -87,9 +87,9 @@ const UserTest = ({ userTest, onPress }: UserTestProps) => {
             {userTest.answers.length} Questions
           </ThemedText>
 
-          <ThemedText type="meta">
+          {testStatus !== TestStatus.InProgress && <ThemedText type="meta">
             {successAnswers} / {userTest.answers.length} Correct
-          </ThemedText>
+          </ThemedText>}
         </View>
       </Panel>
     </Pressable>