wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: redesign

Browse Source 
Deskripsi:
- fitur ganti mode tema
- penerapan tema pada semua fitur

NO Issues
This commit is contained in:
amaliadwiy
2026-02-09 17:49:25 +08:00
parent ddfee00410
commit d3802ca26c
157 changed files with 1278 additions and 692 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/itemDetailMember.tsx
View File

@@ -1,4 +1,5 @@
import Styles from "@/constants/Styles";
import { useTheme } from "@/providers/ThemeProvider";
import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons";
import { View } from "react-native";
import Text from "./Text";
@@ -10,66 +11,69 @@ type Props = {
}
const data = {
const getData = (color: string) => ({
nik: {
label: 'NIK',
icon: <MaterialCommunityIcons name="card-account-details" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="card-account-details" size={22} color={color} style={[Styles.mr10]} />
},
group: {
label: 'Lembaga Desa',
icon: <AntDesign name="tags" size={22} color="black" style={[Styles.mr10]} />
icon: <AntDesign name="tags" size={22} color={color} style={[Styles.mr10]} />
},
position: {
label: 'Jabatan',
icon: <MaterialCommunityIcons name="account-tie" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="account-tie" size={22} color={color} style={[Styles.mr10]} />
},
phone: {
label: 'No Telepon',
icon: <MaterialIcons name="phone" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialIcons name="phone" size={22} color={color} style={[Styles.mr10]} />
},
email: {
label: 'Email',
icon: <MaterialIcons name="email" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialIcons name="email" size={22} color={color} style={[Styles.mr10]} />
},
gender: {
label: 'Jenis Kelamin',
icon: <MaterialCommunityIcons name="gender-male-female" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="gender-male-female" size={22} color={color} style={[Styles.mr10]} />
},
dokumen: {
label: 'Dokumen',
icon: <MaterialCommunityIcons name="file-document-outline" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="file-document-outline" size={22} color={color} style={[Styles.mr10]} />
},
type: {
label: 'Tipe',
icon: <MaterialIcons name="category" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialIcons name="category" size={22} color={color} style={[Styles.mr10]} />
},
location: {
label: 'Lokasi',
icon: <MaterialIcons name="location-pin" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialIcons name="location-pin" size={22} color={color} style={[Styles.mr10]} />
},
owner: {
label: 'Pemilik',
icon: <MaterialCommunityIcons name="account-group-outline" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="account-group-outline" size={22} color={color} style={[Styles.mr10]} />
},
calendar: {
label: 'Tanggal',
icon: <MaterialCommunityIcons name="calendar-blank" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="calendar-blank" size={22} color={color} style={[Styles.mr10]} />
},
share: {
label: 'Bagikan',
icon: <MaterialCommunityIcons name="share-variant-outline" size={22} color="black" style={[Styles.mr10]} />
icon: <MaterialCommunityIcons name="share-variant-outline" size={22} color={color} style={[Styles.mr10]} />
}
}
})
export default function ItemDetailMember({ category, value, border }: Props) {
const { colors } = useTheme();
const data = getData(colors.text);
return (
<View style={[Styles.rowSpaceBetween, Styles.rowItemsCenter, !border && Styles.mt10, border && Styles.wrapItemBorderBottom]}>
<View style={[Styles.rowItemsCenter]}>
{data[category].icon}
<Text style={[Styles.textDefault]}>{data[category].label}</Text>
<Text style={[Styles.textDefault, { color: colors.text }]}>{data[category].label}</Text>
</View>
<Text style={[Styles.textDefault, Styles.w60, { textAlign: 'right' }]} numberOfLines={1} ellipsizeMode="tail">{value}</Text>
<Text style={[Styles.textDefault, Styles.w60, { textAlign: 'right', color: colors.text }]} numberOfLines={1} ellipsizeMode="tail">{value}</Text>
</View>
)
}