From ab7a844bb5236cfc0dd35e4a2f9ceeb1a24b83b1 Mon Sep 17 00:00:00 2001
From: ivic00 <102467664+ivic00@users.noreply.github.com>
Date: Sat, 28 Dec 2024 15:53:36 +0100
Subject: [PATCH] fixed tablet calendar

---
 app/(auth)/_layout.tsx                                    | 2 ++
 components/pages/calendar/DetailedCalendar.tsx            | 4 +++-
 components/pages/calendar/MonthCalendar.tsx               | 2 +-
 components/pages/todos/user-chores/UserChoresProgress.tsx | 4 ++--
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/(auth)/_layout.tsx b/app/(auth)/_layout.tsx
index feaef0a..262654b 100644
--- a/app/(auth)/_layout.tsx
+++ b/app/(auth)/_layout.tsx
@@ -158,6 +158,8 @@ export default function TabLayout() {
 
       return (
         <View marginR-16 row centerV>
+          {Device.deviceType === DeviceType.TABLET && isCalendarPage && <View flex-1 center><CalendarHeader />
+        </View>}
           {isCalendarPage && (
             <View marginR-16><RefreshButton onRefresh={onRefresh} isSyncing={isLoading} /></View>
           )}
diff --git a/components/pages/calendar/DetailedCalendar.tsx b/components/pages/calendar/DetailedCalendar.tsx
index 5cc7b35..b7e914c 100644
--- a/components/pages/calendar/DetailedCalendar.tsx
+++ b/components/pages/calendar/DetailedCalendar.tsx
@@ -10,6 +10,8 @@ import {useCalendarControls} from "@/components/pages/calendar/useCalendarContro
 import {EventCell} from "@/components/pages/calendar/EventCell";
 import {isToday} from "date-fns";
 import { View } from "react-native-ui-lib";
+import { DeviceType } from "expo-device";
+import * as Device from "expo-device"
 
 interface EventCalendarProps {
     calendarHeight: number;
@@ -97,7 +99,7 @@ export const DetailedCalendar: React.FC<EventCalendarProps> = ({calendarHeight,
                 {...bodyProps}
                 renderEvent={renderEvent}
             />
-            <View marginB-0/>
+        {Device.deviceType === DeviceType.TABLET && <View style={{backgroundColor: 'white', height: '9%', width: '100%'}}/>}
         </CalendarContainer>
     );
 };
diff --git a/components/pages/calendar/MonthCalendar.tsx b/components/pages/calendar/MonthCalendar.tsx
index e9b319a..90f5284 100644
--- a/components/pages/calendar/MonthCalendar.tsx
+++ b/components/pages/calendar/MonthCalendar.tsx
@@ -652,7 +652,7 @@ export const MonthCalendar: React.FC<EventCalendarProps> = React.memo(
                     ampm
                     // renderCustomDateForMonth={renderCustomDateForMonth}
                 />
-                {/*<View style={{backgroundColor: 'white', height: 50, width: '100%'}}/>*/}
+                {Device.deviceType === DeviceType.TABLET && <View style={{backgroundColor: 'white', height: '9%', width: '100%'}}/>}
             </>
 
         );
diff --git a/components/pages/todos/user-chores/UserChoresProgress.tsx b/components/pages/todos/user-chores/UserChoresProgress.tsx
index 8cc04f3..c3bb793 100644
--- a/components/pages/todos/user-chores/UserChoresProgress.tsx
+++ b/components/pages/todos/user-chores/UserChoresProgress.tsx
@@ -31,13 +31,13 @@ const UserChoresProgress = ({
                             style={{fontFamily: "Poppins_400Regular", fontSize: 14.71}}
                             color="#979797"
                         >
-                            Return to To Do's
+                            Return to To Dos
                         </Text>
                     </View>
                 </TouchableOpacity>
                 <View>
                     <Text style={{fontFamily: "Manrope_700Bold", fontSize: 20}}>
-                        Your To Do's Progress Report
+                        Your To Dos Progress Report
                     </Text>
                 </View>
                 <View row spread marginT-25 marginB-5>