transporter-app/screens/event.js

56 lines
1.8 KiB
JavaScript
Raw Normal View History

2023-12-13 12:20:39 +03:00
import {ScrollView, Text} from "react-native";
import Accordion from "../components/acordion";
import Task from "../components/task";
const Event = ({route, navigation}) => {
const events = [
{
id: "1",
title: "Прибыть на ПГР 20.12.2023 к 10:00 ",
timeFinished: "2023-12-5T12:00:00.000Z",
timeTill: "2023-12-5T12:10:00.000Z",
status: "completed"
},
{
id: "2",
title: "Поставить ТС к доку №5 ",
timeTill: "2023-12-5T12:10:00.000Z",
status: "active"
},
{
id: "3",
title: "Закончить ПГР",
timeTill: "2023-12-14T12:10:00.000Z",
status: "active"
},
{
id: "4",
title: "Прибыть на ПГР 21.12.2023 к 10:00 ",
timeTill: "2023-12-21T12:10:00.000Z",
status: "active",
navi: {
lat: "55.784444",
lon: "37.711261"
}
}
]
return (
<>
<Text style={{fontSize: 48, fontWeight: 'bold', paddingLeft: 20, paddingTop: 60}}>События</Text>
<ScrollView style={{padding: 20}}>
<Accordion title={"Активные События"} style={{marginBottom: 20}}>
{events.filter(elem => elem.status === 'active').map(elem => <Task navigation={navigation} {...elem} />)}
</Accordion>
<Accordion title={"Архивные События"}>
{events.filter(elem => elem.status === 'completed').map(elem => <Task navigation={navigation} {...elem} />)}
</Accordion>
</ScrollView>
</>
)
}
export default Event;