[DEV] Added disabled prop to ButtonSettings

procivis · Sep 17, 2024 · 72483e2 · 72483e2
1 parent 32cc97d
commit 72483e2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@procivis/one-react-native-components",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "author": "Procivis AG (https://procivis.ch)",
   "license": "Apache-2.0",
   "description": "Common Procivis ONE UI components for react-native",

diff --git a/src/settings/button-setting.tsx b/src/settings/button-setting.tsx
@@ -8,14 +8,23 @@ import SettingItem from './setting-item';
 
 export type ButtonSettingProps = {
   accessory?: ComponentType<any> | ReactElement;
+  disabled?: boolean;
   icon?: ComponentType<any> | ReactElement;
   onPress: () => void;
   style?: StyleProp<ViewStyle>;
   testID?: string;
   title: string;
 };
 
-const ButtonSetting: FunctionComponent<ButtonSettingProps> = ({ accessory, title, onPress, icon, style, testID }) => {
+const ButtonSetting: FunctionComponent<ButtonSettingProps> = ({
+  accessory,
+  disabled,
+  title,
+  onPress,
+  icon,
+  style,
+  testID,
+}) => {
   const colorScheme = useAppColorScheme();
 
   const accessoryView: React.ReactElement | undefined = useMemo(() => {
@@ -35,7 +44,12 @@ const ButtonSetting: FunctionComponent<ButtonSettingProps> = ({ accessory, title
   }, [accessory, colorScheme.text]);
 
   return (
-    <TouchableOpacity accessibilityRole="button" onPress={onPress} style={styles.container} testID={testID}>
+    <TouchableOpacity
+      disabled={disabled}
+      accessibilityRole="button"
+      onPress={onPress}
+      style={styles.container}
+      testID={testID}>
       <SettingItem icon={icon} style={style} title={title}>
         {accessoryView}
       </SettingItem>