Merge

src/screens/home/header.js

@@ -39,7 +39,7 @@ const customHeader = (props) => {
           style={styles.input}
         />
       </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

src/screens/home/view.js

@@ -9,18 +9,9 @@ import {
   TouchableWithoutFeedback,
   Keyboard,
   Image,
-  StatusBar, // FEATURE: Import StatusBar để control status bar
+  StatusBar,
   Platform,
-  SafeAreaView,  // FEATURE: Check platform iOS/Android
-} from "react-native";
-import HeaderCus from "../home/header";
-import R from "../../assets/R";
-import I18n from "../../helper/i18/i18n";
-import ItemGrid from "./item";
-import styles from "./style";
-import { useNavigation } from "@react-navigation/native";
-import * as SCREENNAME from "../../routers/ScreenNames";
-  Platform, // FEATURE: Check platform iOS/Android
+  SafeAreaView,
 } from 'react-native';
 import HeaderCus from '../home/header';
 import R from '../../assets/R';
@@ -120,81 +111,41 @@ const HomeView = props => {
   );
 
   return (
+    <SafeAreaView style={styles.container_body}>
+      <StatusBar barStyle="light-content" translucent={false} />
 
-    
       <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
-    
+        <View style={[{flex: 1}]}>
           <View style={styles.container_body}>
-                 
             <ImageBackground
               source={R.images.igBackgroundSlider}
-              style={[styles.background_header, {
-              }]}
-            >
+              style={[styles.background_header]}>
               <HeaderCus
                 pathLogo={R.images.igLogo}
                 width={75}
                 height={36}
                 textInput={R.colors.white}
                 backgroundInput={R.colors.backgroundInputSearch}
-                textLabel={I18n.t("Search")}
+                textLabel={I18n.t('Search')}
                 textColorLabel={R.colors.white}
               />
-  const renderBody = () => {
-    return (
-      <View style={[{flex: 1}]}>
-        <View style={styles.container_body}>
-          <ImageBackground
-            source={R.images.igBackgroundSlider}
-            style={[styles.background_header]}>
-            <HeaderCus
-              pathLogo={R.images.igLogo}
-              width={75}
-              height={36}
-              textInput={R.colors.white}
-              backgroundInput={R.colors.backgroundInputSearch}
-              textLabel={I18n.t('Search')}
-              textColorLabel={R.colors.white}
-            />
 
               {renderProfileCard()}
             </ImageBackground>
-            
+
             <ScrollView
               showsVerticalScrollIndicator={false}
               style={styles.scroll}
-              bounces={false} 
-              overScrollMode="never" 
-            >
-              {renderMenuSection("Học tập", menuDataStudy)}
-              {renderMenuSection("Cá nhân", menuDataIndividual)}
-              {renderMenuSection("Dịch vụ trực tuyến", menuDataOnlineSer)}
+              bounces={false}
+              overScrollMode="never">
+              {renderMenuSection('Học tập', menuDataStudy)}
+              {renderMenuSection('Cá nhân', menuDataIndividual)}
+              {renderMenuSection('Dịch vụ trực tuyến', menuDataOnlineSer)}
             </ScrollView>
           </View>
-            {renderProfileCard()}
-          </ImageBackground>
-
-          <ScrollView
-            showsVerticalScrollIndicator={false}
-            style={styles.scroll}
-            bounces={false}
-            overScrollMode="never">
-            {renderMenuSection('Học tập', menuDataStudy)}
-            {renderMenuSection('Cá nhân', menuDataIndividual)}
-            {renderMenuSection('Dịch vụ trực tuyến', menuDataOnlineSer)}
-          </ScrollView>
         </View>
-      </View>
-    );
-  };
-
-  return (
-    <SafeAreaView style={styles.container_body}>
-      <StatusBar barStyle="light-content" translucent={false} />
-
-      <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
-        {renderBody()}
       </TouchableWithoutFeedback>
+    </SafeAreaView>
   );
 };