a22719780b
Deskripsi: - ui page group - ui tab button - ui list data group - ui modal bottom drawer - ui menu item row - ui tambah data No Issues
120 lines
5.1 KiB
TypeScript
120 lines
5.1 KiB
TypeScript
import BorderBottomItem from "@/components/borderBottomItem";
|
|
import ButtonBackHeader from "@/components/buttonBackHeader";
|
|
import { InputForm } from "@/components/inputForm";
|
|
import InputSearch from "@/components/inputSearch";
|
|
import { ColorsStatus } from "@/constants/ColorsStatus";
|
|
import Styles from "@/constants/Styles";
|
|
import { AntDesign, Feather, MaterialIcons } from "@expo/vector-icons";
|
|
import { router, Stack } from "expo-router";
|
|
import { Image, SafeAreaView, ScrollView, Text, View } from "react-native";
|
|
|
|
export default function Search() {
|
|
return (
|
|
<>
|
|
<SafeAreaView>
|
|
<Stack.Screen
|
|
options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: 'Pencarian',
|
|
headerTitleAlign: 'center'
|
|
}}
|
|
/>
|
|
<ScrollView>
|
|
<View style={[Styles.p15]}>
|
|
<InputSearch />
|
|
<View style={[Styles.wrapPaper, Styles.mb100]}>
|
|
<View style={[Styles.mb30]}>
|
|
<Text>ANGGOTA</Text>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={<Image
|
|
source={require("../../assets/images/user.jpeg")}
|
|
style={[Styles.userProfileSmall]}
|
|
/>}
|
|
title="Amalia Dwi"
|
|
subtitle="Dinas - Bendaraha"
|
|
/>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={<Image
|
|
source={require("../../assets/images/user.jpeg")}
|
|
style={[Styles.userProfileSmall]}
|
|
/>}
|
|
title="Amalia Dwi"
|
|
subtitle="Dinas - Bendaraha"
|
|
/>
|
|
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={<Image
|
|
source={require("../../assets/images/user.jpeg")}
|
|
style={[Styles.userProfileSmall]}
|
|
/>}
|
|
title="Amalia Dwi"
|
|
subtitle="Dinas - Bendaraha"
|
|
/>
|
|
</View>
|
|
|
|
<View style={[Styles.mb30]}>
|
|
<Text>DIVISI</Text>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.primary]}>
|
|
<MaterialIcons name="group" size={25} color="white" />
|
|
</View>
|
|
}
|
|
title="TU dan Umum"
|
|
subtitle="Dinas"
|
|
/>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.primary]}>
|
|
<MaterialIcons name="group" size={25} color="white" />
|
|
</View>
|
|
}
|
|
title="TU dan Umum"
|
|
subtitle="Dinas"
|
|
/>
|
|
</View>
|
|
<View style={[Styles.mb05]}>
|
|
<Text>KEGIATAN</Text>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.primary]}>
|
|
<AntDesign name="areachart" size={25} color="white" />
|
|
</View>
|
|
}
|
|
title="Kerja Bakti"
|
|
subtitle="Dinas"
|
|
/>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.primary]}>
|
|
<AntDesign name="areachart" size={25} color="white" />
|
|
</View>
|
|
}
|
|
title="Pasar Ramadhan"
|
|
subtitle="Dinas"
|
|
/>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.primary]}>
|
|
<AntDesign name="areachart" size={25} color="white" />
|
|
</View>
|
|
}
|
|
title="Pasar Ramadhan"
|
|
subtitle="Dinas"
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
</>
|
|
)
|
|
} |