upd: division
Deskripsi: - ui list divisi - ui detail divisi No Issues
This commit is contained in:
70
components/division/fiturDivisionDetail.tsx
Normal file
70
components/division/fiturDivisionDetail.tsx
Normal file
@@ -0,0 +1,70 @@
|
||||
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"
|
||||
|
||||
export default function FiturDivisionDetail() {
|
||||
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}
|
||||
/>
|
||||
|
||||
<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}
|
||||
/>
|
||||
</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}
|
||||
/>
|
||||
|
||||
<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}
|
||||
/>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user