Add DatePicker and refactor some views layout

This commit is contained in:
2025-12-09 13:06:35 +01:00
parent 2251c42ecf
commit abe14f4c3f
12 changed files with 379 additions and 224 deletions

View File

@ -9,9 +9,9 @@ export default function HomeScreen() {
const incompleteTasks = ATTENDANCE_DATA.filter(item => item.status === 'incomplete');
return (
<View className="flex-1 bg-gray-50">
<View className="flex-1 bg-[#099499]">
{/* Banner Custom */}
<View className="bg-[#099499] pt-16 pb-6 px-6 rounded-b-[2rem] shadow-sm z-10">
<View className="pt-16 pb-6 px-6 shadow-sm z-10">
<View className="flex-row justify-between items-start">
<View className="flex-row items-center gap-4">
<View>
@ -34,7 +34,7 @@ export default function HomeScreen() {
{/* Contenuto Scrollabile */}
<ScrollView
className="flex-1 px-5 pt-6"
className="flex-1 bg-gray-50 rounded-t-[2.5rem] px-5 pt-6"
contentContainerStyle={{ paddingBottom: 50, gap: 24 }}
showsVerticalScrollIndicator={false}
>
@ -48,7 +48,7 @@ export default function HomeScreen() {
</View>
<View className="flex-1">
<Text className="font-bold text-gray-800 text-lg">Presenza incompleta</Text>
<Text className="text-base text-gray-500 mt-1">Manca uscita: {incompleteTasks[0].site}</Text>
<Text className="text-base text-gray-500 mt-1">{incompleteTasks[0].site}</Text>
</View>
</View>
<TouchableOpacity onPress={() => router.push('/attendance')} className="bg-orange-50 px-5 py-3 rounded-xl ml-2 active:bg-orange-100">