77 lines
2.9 KiB
TypeScript
77 lines
2.9 KiB
TypeScript
import { ColorsStatus } from "@/constants/ColorsStatus"
|
|
import Styles from "@/constants/Styles"
|
|
import { AntDesign, MaterialIcons, SimpleLineIcons } from "@expo/vector-icons"
|
|
import { Text, View } from "react-native"
|
|
import BorderBottomItem from "../borderBottomItem"
|
|
import { router, useLocalSearchParams } from "expo-router"
|
|
|
|
export default function FiturDivisionDetail() {
|
|
const { id } = useLocalSearchParams()
|
|
|
|
return (
|
|
<View style={[Styles.mb15]}>
|
|
<Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>Fitur</Text>
|
|
<View>
|
|
<View style={[Styles.rowSpaceBetween]}>
|
|
<BorderBottomItem
|
|
bgColor="white"
|
|
borderType="all"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
|
|
<AntDesign name="filetext1" size={25} color={'#384288'} />
|
|
</View>
|
|
}
|
|
title="Tugas"
|
|
subtitle='15 Tugas'
|
|
width={28}
|
|
onPress={() => { router.push(`/division/${id}/task?status=0`) }}
|
|
/>
|
|
|
|
<BorderBottomItem
|
|
bgColor="white"
|
|
borderType="all"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
|
|
<MaterialIcons name="attach-file" size={25} color={'#384288'} />
|
|
</View>
|
|
}
|
|
title="Dokumen"
|
|
subtitle='20 File'
|
|
width={28}
|
|
onPress={() => { router.push(`/division/${id}/document`) }}
|
|
/>
|
|
</View>
|
|
|
|
<View style={[Styles.rowSpaceBetween]}>
|
|
<BorderBottomItem
|
|
bgColor="white"
|
|
borderType="all"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
|
|
<SimpleLineIcons name="bubbles" size={25} color={'#384288'} />
|
|
</View>
|
|
}
|
|
title="Diskusi"
|
|
subtitle='5 Diskusi'
|
|
width={28}
|
|
onPress={() => { router.push(`/division/${id}/discussion?active=true`) }}
|
|
/>
|
|
|
|
<BorderBottomItem
|
|
bgColor="white"
|
|
borderType="all"
|
|
icon={
|
|
<View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
|
|
<AntDesign name="calendar" size={25} color={'#384288'} />
|
|
</View>
|
|
}
|
|
title="Kalender"
|
|
subtitle='23 Acara'
|
|
width={28}
|
|
onPress={() => { router.push(`/division/${id}/calendar`) }}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
)
|
|
} |