47 lines
2.0 KiB
JavaScript
47 lines
2.0 KiB
JavaScript
|
import {ScrollView, Text} from "react-native";
|
||
|
|
import Accordion from "../components/acordion";
|
||
|
|
import Task from "../components/task";
|
||
|
|
import {useId} from "react";
|
||
|
|
|
||
|
|
const Home = ({navigation}) => {
|
||
|
|
|
||
|
|
const tasks = [
|
||
|
|
{id: "1",
|
||
|
|
title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
|
||
|
|
status: "active",
|
||
|
|
timeTill: "2023-12-10T23:59:59.000Z"},
|
||
|
|
{id: "2",
|
||
|
|
title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
|
||
|
|
status: "active",
|
||
|
|
timeTill: "2024-12-31T23:59:59.000Z"},
|
||
|
|
{id: "3",
|
||
|
|
title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
|
||
|
|
status: "completed",
|
||
|
|
timeTill: "2023-12-31T23:59:59.000Z",
|
||
|
|
timeFinished: "2023-12-31T23:58:59.000Z",
|
||
|
|
},
|
||
|
|
{id: "4",
|
||
|
|
title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
|
||
|
|
status: "completed",
|
||
|
|
timeTill: "2023-12-05T23:59:59.000Z",
|
||
|
|
timeFinished: "2023-12-06T23:58:59.000Z",
|
||
|
|
},
|
||
|
|
]
|
||
|
|
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Text style={{fontSize: 48, fontWeight: 'bold', paddingLeft: 20, paddingTop: 60}}>Задачи</Text>
|
||
|
|
<ScrollView style={{padding: 20}}>
|
||
|
|
<Accordion title={"Активные задания"} style={{marginBottom: 20}}>
|
||
|
|
{tasks.filter(elem => elem.status === 'active').map(elem => <Task navigation={navigation} imageType={'chevron'} {...elem} key={elem.id} />)}
|
||
|
|
</Accordion>
|
||
|
|
<Accordion title={"Архивные задания"}>
|
||
|
|
{tasks.filter(elem => elem.status === 'completed').map(elem => <Task navigation={navigation} imageType={'chevron'} {...elem} key={elem.id} />)}
|
||
|
|
</Accordion>
|
||
|
|
</ScrollView>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Home;
|