ammar/cally
1
0
Fork 0
mirror of https://github.com/urosran/cally.git synced 2025-11-26 00:24:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Phone header fix

Browse Source
This commit is contained in:
Milan Paunovic
2024-12-20 13:43:20 +01:00
parent 00092ae5f8
commit 1c9f9f865c
4 changed files with 313 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/pages/calendar/CalendarHeader.tsx
View File

@ -8,7 +8,6 @@ import {modeAtom, selectedDateAtom} from "@/components/pages/calendar/atoms";
import {format, isSameDay} from "date-fns";
import * as Device from "expo-device";
import {Mode} from "react-native-big-calendar";
import { FontAwesome5 } from '@expo/vector-icons';
export const CalendarHeader = memo(() => {
const [selectedDate, setSelectedDate] = useAtom(selectedDateAtom);
@ -48,17 +47,25 @@ export const CalendarHeader = memo(() => {
const getInitialIndex = () => {
if (isTablet) {
switch (mode) {
case "day": return 0;
case "week": return 1;
case "month": return 2;
default: return 1;
case "day":
return 0;
case "week":
return 1;
case "month":
return 2;
default:
return 1;
}
} else {
switch (mode) {
case "day": return 0;
case "3days": return 1;
case "month": return 2;
default: return 1;
case "day":
return 0;
case "3days":
return 1;
case "month":
return 2;
default:
return 1;
}
}
};
@ -70,7 +77,7 @@ export const CalendarHeader = memo(() => {
justifyContent: "space-between",
alignItems: "center",
paddingHorizontal: 10,
paddingVertical: 8,
paddingVertical: isTablet ? 8 : 0,
borderRadius: 20,
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
@ -79,9 +86,11 @@ export const CalendarHeader = memo(() => {
centerV
>
<View row centerV gap-3>
<Text style={{fontFamily: "Manrope_500Medium", fontSize: 17}}>
{selectedDate.getFullYear()}
</Text>
{isTablet && (
<Text style={{fontFamily: "Manrope_500Medium", fontSize: 17}}>
{selectedDate.getFullYear()}
</Text>
)}
<Picker
value={months[selectedDate.getMonth()]}
placeholder={"Select Month"}
@ -108,7 +117,7 @@ export const CalendarHeader = memo(() => {
style={styles.todayButton}
onPress={() => setSelectedDate(new Date())}
>
<MaterialIcons name="calendar-today" size={30} color="#5f6368" />
<MaterialIcons name="calendar-today" size={30} color="#5f6368"/>
<Text style={styles.todayDate}>{format(new Date(), "d")}</Text>
</Button>
<View>