@umituz/react-native-settings 1.3.0 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/screens/SettingsScreen.tsx

@@ -19,7 +19,6 @@ import { useTheme } from '@umituz/react-native-design-system-theme';
 import { ScreenLayout } from '@umituz/react-native-design-system';
 import { SettingItem } from '../components/SettingItem';
 import { getLanguageByCode, useLocalization } from '@umituz/react-native-localization';
-import { useTranslation } from 'react-i18next';
 import { SettingsConfig } from './types';
 
 // Optional notification service - only import if package is available
@@ -77,8 +76,7 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = ({
 }) => {
   const navigation = useNavigation();
   const { theme, themeMode } = useTheme();
-  const { currentLanguage } = useLocalization();
-  const { t } = useTranslation();
+  const { currentLanguage, t } = useLocalization();
 
   const currentLang = getLanguageByCode(currentLanguage);
   const languageDisplay = currentLang ? `${currentLang.flag} ${currentLang.nativeName}` : 'English';
@@ -127,6 +125,17 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = ({
     navigation.navigate('Notifications' as never);
   };
 
+  // Debug: Log features to help diagnose empty screen issues
+  /* eslint-disable-next-line no-console */
+  if (__DEV__) {
+    console.log('[SettingsScreen] Features:', features);
+    console.log('[SettingsScreen] Config:', config);
+    console.log('[SettingsScreen] Navigation state:', navigation.getState());
+  }
+
+  // Check if any features are enabled
+  const hasAnyFeatures = features.appearance || features.notifications || features.about || features.legal;
+
   return (
     <ScreenLayout testID="settings-screen" hideScrollIndicator>
       {/* Appearance Section */}
@@ -186,6 +195,15 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = ({
           )}
         </List.Section>
       )}
+
+      {/* Fallback: Show message if no features are enabled */}
+      {!hasAnyFeatures && (
+        <List.Section>
+          <List.Subheader style={{ color: theme.colors.textSecondary }}>
+            {t('settings.noOptionsAvailable') || 'No settings available'}
+          </List.Subheader>
+        </List.Section>
+      )}
     </ScreenLayout>
   );
 };