52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
import React from "react";
|
|
import { View, ScrollView } from "react-native";
|
|
import { createStyles } from "~/theme";
|
|
import ParamsNotifications from "./Notifications";
|
|
import ParamsRadius from "./Radius";
|
|
import ParamsEmergencyCall from "./EmergencyCall";
|
|
import ThemeSwitcher from "./ThemeSwitcher";
|
|
import Permissions from "./Permissions";
|
|
|
|
export default function ParamsView({ data }) {
|
|
const styles = useStyles();
|
|
|
|
return (
|
|
<ScrollView style={styles.scrollView}>
|
|
<View style={styles.container}>
|
|
<View style={styles.section}>
|
|
<ThemeSwitcher />
|
|
</View>
|
|
<View style={styles.section}>
|
|
<ParamsEmergencyCall data={data} />
|
|
</View>
|
|
<View style={styles.section}>
|
|
<ParamsNotifications data={data} />
|
|
</View>
|
|
<View style={styles.section}>
|
|
<ParamsRadius data={data} />
|
|
</View>
|
|
<View style={styles.section}>
|
|
<Permissions />
|
|
</View>
|
|
</View>
|
|
</ScrollView>
|
|
);
|
|
}
|
|
|
|
const useStyles = createStyles(({ fontSize }) => ({
|
|
scrollView: {
|
|
flex: 1,
|
|
paddingVertical: 15,
|
|
paddingHorizontal: 15,
|
|
},
|
|
container: {
|
|
flexDirection: "column",
|
|
paddingBottom: 50,
|
|
},
|
|
section: {
|
|
flexDirection: "column",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
marginVertical: 15,
|
|
},
|
|
}));
|