36 lines
1.6 KiB
TypeScript
36 lines
1.6 KiB
TypeScript
import ButtonBackHeader from "@/components/buttonBackHeader";
|
|
import ReportChartDocument from "@/components/division/reportChartDocument";
|
|
import ReportChartEvent from "@/components/division/reportChartEvent";
|
|
import ReportChartProgress from "@/components/division/reportChartProgress";
|
|
import { InputForm } from "@/components/inputForm";
|
|
import SelectForm from "@/components/selectForm";
|
|
import Styles from "@/constants/Styles";
|
|
import { router, Stack } from "expo-router";
|
|
import { useState } from "react";
|
|
import { SafeAreaView, ScrollView, View } from "react-native";
|
|
|
|
export default function Report() {
|
|
const [chooseGroup, setChooseGroup] = useState({ val: '', label: '' })
|
|
|
|
return (
|
|
<SafeAreaView>
|
|
<Stack.Screen
|
|
options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: 'Laporan Divisi',
|
|
headerTitleAlign: 'center',
|
|
}}
|
|
/>
|
|
<ScrollView>
|
|
<View style={[Styles.p15, Styles.mb100]}>
|
|
<SelectForm bg="white" label="Lembaga Desa" placeholder="Pilih Lembaga Desa" value={chooseGroup.label} required onPress={() => { }} />
|
|
<InputForm bg="white" label="Tanggal Awal" type="default" placeholder="Pilih Tanggal Awal" required />
|
|
<InputForm bg="white" label="Tanggal Akhir" type="default" placeholder="Pilih Tanggal Akhir" required />
|
|
<ReportChartProgress />
|
|
<ReportChartDocument />
|
|
<ReportChartEvent />
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
)
|
|
} |