From eae0992ccbe53031ffb9de489a9df220987bf7c6 Mon Sep 17 00:00:00 2001
From: Adolfo Reyna <aeroreyna@gmail.comt>
Date: Fri, 10 Mar 2023 19:41:30 -0600
Subject: [PATCH] Search courses show in two cols

---
 Views/Courses.js | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/Views/Courses.js b/Views/Courses.js
index e2725f0..c575a9d 100644
--- a/Views/Courses.js
+++ b/Views/Courses.js
@@ -122,6 +122,9 @@ const Courses = () => {
     const watchingCourse = (({ item }) => {
         return (<CourseCard profileObj={item.profile} />);
     });
+    const renderCoursesQuery = (({ item }) => {
+        return (<CourseCard profileObj={item} twoCols={true}/>);
+    });
     return (
         <SafeAreaView style={styles.container}>
             <Searchbar
@@ -132,7 +135,7 @@ const Courses = () => {
             {groups.length ? <></> : <ActivityIndicator />}
             <ScrollView>
                 {
-                    watching.length ?
+                    (searchQuery.length === 0 &&  watching.length) ?
                     <View>
                         <Title style={styles.title} >{i18n.t("message.continueWatching")}:</Title>
                         <FlatList
@@ -145,7 +148,7 @@ const Courses = () => {
                     </View> : <></>
                 }
                 {
-                    groups.length ?
+                    (searchQuery.length === 0 &&  groups.length) ?
                     <>
                         <Title style={styles.title} >{i18n.t("message.recentlyAdded")}:</Title>
                         <FlatList
@@ -158,7 +161,7 @@ const Courses = () => {
                     </> : <></>
                 }
                 {
-                    popular.length ?
+                    (searchQuery.length === 0 &&  popular.length) ?
                     <>
                         <Title style={styles.title} >{i18n.t("message.popularCourses")}:</Title>
                         <FlatList
@@ -170,6 +173,19 @@ const Courses = () => {
                         />
                     </> : <></>
                 }
+                {
+                    (searchQuery.length !== 0 &&  groups.length) ?
+                    <>
+                        <FlatList
+                            //horizontal={true}
+                            data={groups}
+                            numColumns={2}
+                            renderItem={renderCoursesQuery}
+                            keyExtractor={item => item._id}
+                            initialNumToRender={8}
+                        />
+                    </> : <></>
+                }
             </ScrollView>
         </SafeAreaView>
     )