Add WIP for customization section

2024-01-05 15:48:14 +01:00
parent e18eedd4e7
commit 09f0a0f11d
2 changed files with 89 additions and 36 deletions
@@ -6,13 +6,18 @@ import AppText from './app-text'

 import { Containers } from '../../styles'

-const AppSwitch = ({ onToggle, text, value }) => {
+const AppSwitch = ({ onToggle, text, value, trackColor }) => {
  return (
    <View style={styles.container}>
      <View style={styles.textContainer}>
        <AppText>{text}</AppText>
      </View>
-      <Switch onValueChange={onToggle} style={styles.switch} value={value} />
+      <Switch
+        onValueChange={onToggle}
+        style={styles.switch}
+        value={value}
+        trackColor={trackColor}
+      />
    </View>
  )
 }
@@ -21,6 +26,7 @@ AppSwitch.propTypes = {
  onToggle: PropTypes.func.isRequired,
  text: PropTypes.string,
  value: PropTypes.bool,
+  trackColor: PropTypes.string,
 }

 const styles = StyleSheet.create({