@umituz/react-native-settings 4.16.19 → 4.16.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/presentation/components/SettingItem.tsx +14 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-settings",
3
- "version": "4.16.19",
3
+ "version": "4.16.20",
4
4
  "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/presentation/components/SettingItem.tsx CHANGED
@@ -6,12 +6,11 @@
6
6
 
7
7
  import React from "react";
8
8
  import { View, Text, Pressable, StyleSheet, Switch } from "react-native";
9
- import { Feather } from "@expo/vector-icons";
10
- import { useAppDesignTokens } from "@umituz/react-native-design-system";
9
+ import { AtomicIcon, useAppDesignTokens } from "@umituz/react-native-design-system";
11
10
 
12
11
  export interface SettingItemProps {
13
- /** Icon component from @expo/vector-icons */
14
- icon: React.ComponentType<{ size?: number; color?: string; name?: string }>;
12
+ /** Icon name (Ionicons) */
13
+ icon: string;
15
14
  /** Main title text */
16
15
  title: string;
17
16
  /** Optional description/value text */
@@ -44,7 +43,7 @@ export interface SettingItemProps {
44
43
  }
45
44
 
46
45
  export const SettingItem: React.FC<SettingItemProps> = ({
47
- icon: Icon,
46
+ icon,
48
47
  title,
49
48
  value,
50
49
  onPress,
@@ -61,7 +60,6 @@ export const SettingItem: React.FC<SettingItemProps> = ({
61
60
  }) => {
62
61
  const tokens = useAppDesignTokens();
63
62
  const colors = tokens.colors;
64
- const spacing = tokens.spacing;
65
63
 
66
64
  return (
67
65
  <>
@@ -89,7 +87,11 @@ export const SettingItem: React.FC<SettingItemProps> = ({
89
87
  },
90
88
  ]}
91
89
  >
92
- <Icon size={24} color={iconColor || colors.primary} />
90
+ <AtomicIcon
91
+ name={icon}
92
+ customSize={24}
93
+ customColor={iconColor || colors.primary}
94
+ />
93
95
  </View>
94
96
  <View style={styles.textContainer}>
95
97
  <Text
@@ -130,7 +132,11 @@ export const SettingItem: React.FC<SettingItemProps> = ({
130
132
  ios_backgroundColor={`${colors.textSecondary}30`}
131
133
  />
132
134
  ) : (
133
- <Feather name="chevron-right" size={20} color={colors.textSecondary} />
135
+ <AtomicIcon
136
+ name="chevron-forward-outline"
137
+ customSize={20}
138
+ customColor={colors.textSecondary}
139
+ />
134
140
  )}
135
141
  </View>
136
142
  </Pressable>