import React, { useState } from 'react'; import { Text } from '@/components/shared/Themed'; import Card from '@/components/shared/Card'; import styled from '@emotion/native'; import { formatTime } from '@/components/shared/business/timeHelpers'; import { useNavigation } from '@react-navigation/native'; import { NativeStackNavigationProp } from '@react-navigation/native-stack'; import { RootStackParamList } from '@/app/RootStackParamList'; import { VerticalSpacer } from '@/components/shared/Spacers'; import { TimerPickerModal } from 'react-native-timer-picker'; import Button from '@/components/shared/Button'; import NumberSelector from '@/components/shared/NumberSelector'; type NavigationProp = NativeStackNavigationProp; export default function Dashboard() { const navigation = useNavigation(); const [reps, setReps] = useState(1); const [workTime, setWorkTime] = useState(0); const [restTime, setRestTime] = useState(0); const [showWorkTimePicker, setShowWorkTimePicker] = useState(false); const [showRestTimePicker, setShowRestTimePicker] = useState(false); const totalWorkTime: string = formatTime((workTime + restTime) * reps); return ( Boxons Reps. setShowWorkTimePicker(true)}> Fight {formatTime(workTime)} { setWorkTime(pickedDuration.minutes * 60 + pickedDuration.seconds); setShowWorkTimePicker(false); }} modalTitle="Set Round Time" onCancel={() => setShowWorkTimePicker(false)} closeOnOverlayPress styles={{ theme: "dark", }} modalProps={{ overlayOpacity: 0.2, }} /> setShowRestTimePicker(true)}> Repos {formatTime(restTime)} { setRestTime(pickedDuration.minutes * 60 + pickedDuration.seconds); setShowRestTimePicker(false); }} modalTitle="Set Rest Time" onCancel={() => setShowRestTimePicker(false)} closeOnOverlayPress styles={{ theme: "dark", }} modalProps={{ overlayOpacity: 0.2, }} /> Temps total de travail : {totalWorkTime}