From a182c98b9edb65e5604d588edfffdb3e639224b2 Mon Sep 17 00:00:00 2001
From: Fadhli <marvelouslyfadhli@gmail.com>
Date: Thu, 10 Oct 2024 18:11:29 +0800
Subject: [PATCH] SCRUM-143 Add SafeAreaView to Home Screen

---
 frontend/iQMA-Skills-Builder/app/screens/Home.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/iQMA-Skills-Builder/app/screens/Home.tsx b/frontend/iQMA-Skills-Builder/app/screens/Home.tsx
index b21ae92..0729400 100644
--- a/frontend/iQMA-Skills-Builder/app/screens/Home.tsx
+++ b/frontend/iQMA-Skills-Builder/app/screens/Home.tsx
@@ -15,6 +15,7 @@ import * as unitEndpoints from '@/helpers/unitEndpoints';
 import * as lessonEndpoints from '@/helpers/lessonEndpoints';
 import * as resultEndpoints from '@/helpers/resultEndpoints';
 import { LoadingIndicator } from '@/components/LoadingIndicator';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 function calculateTotalProgress(i: number, totalUnits: number, getLessonIds: any[]) {
     const uniqueAlphabets = new Set(getLessonIds);
@@ -396,6 +397,7 @@ const HomeScreen: React.FC = () => {
     }
 
     return (
+        <SafeAreaView>
         <ScrollView contentContainerStyle={styles.container}>
             {/* Top Stats */}
             <TopStats circularProgress={sectionCircularProgress} />
@@ -417,6 +419,7 @@ const HomeScreen: React.FC = () => {
                 <Text>No sections available</Text>
             )}
         </ScrollView>
+        </SafeAreaView>
     );
 };
 
@@ -424,7 +427,6 @@ const styles = StyleSheet.create({
     container: {
         padding: 20,
         backgroundColor: '#F5F5F5',
-        marginTop: 10,
     },
     lineSeparator: {
         height: 1,