@suflon/rnmd-reporting 0.0.3 → 0.0.5

package/src/screens/DevToolsCorner.tsx

@@ -10,8 +10,10 @@ import {
     TextInput,
 } from 'react-native';
 import { useColorScheme } from 'nativewind';
-import { useNavigation } from '@react-navigation/native';
+import { createNavigationContainerRef, NavigationContext } from '@react-navigation/native';
 import { useAuthStore, getData, saveData, removeData } from '@suflon/native-ui';
+
+export const navigationRef = createNavigationContainerRef<any>();
 import { useConnectionI18n } from '@/context/ConnectionI18nContext';
 import { useLanguageStore } from '@/stores/language.store';
 
@@ -85,11 +87,11 @@ const DEV_STRINGS: Record<LanguageCode, Record<string, string>> = {
 
 // Default dev values
 const DEFAULT_VALUES = {
-    authToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwiZXhwIjoxOTQxNzEwNzI5LCJ0aWQiOiJka2t3Ynd1ZyIsImNsdCI6IldFQiIsInNjb3BlIjoiQ09NUEFOWSIsImNvbXBhbnlfaWQiOjIsInJlZ2lvbl9pZCI6MSwic3RhZmZfaWQiOjF9.hPQC0_-uFfHU253gvJi-eJD1HnM8fGWA0lG3IRVs09I',
+    authToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIzMCIsImV4cCI6MTk0MjU4Mzg1MywidGlkIjoibDFlZGw5ZzUiLCJjbHQiOiJXRUIiLCJzY29wZSI6IkNPTVBBTlkiLCJjb21wYW55X2lkIjoyLCJyZWdpb25faWQiOjEsInN0YWZmX2lkIjo2fQ.mJl5x59-EHA5PjrbOF-5XTZ9U5NipWKU5_fCFrs0Kc0',
     companyId: '2',
     regionId: '1',
-    staffId: '1',
-    userId: '1',
+    staffId: '6',
+    userId: '30',
     apiBaseUrl: 'https://api-local.woctor.com',
     permissionKey: 'clinic_owner'
 };
@@ -339,14 +341,31 @@ export function DevToolsCorner() {
     const { language, controlledByHost } = useConnectionI18n();
     const setLanguageFromStore = useLanguageStore((s) => s.setLanguage);
 
-    const navigation = useNavigation<any>();
+    const navigation = React.useContext(NavigationContext) as any;
 
     const handleNavigateReporting = useCallback(() => {
         setVisible(false);
         try {
-            navigation.navigate('ReportingList');
+            if (navigationRef.isReady()) {
+                navigationRef.navigate('ReportingList');
+            } else {
+                navigation?.navigate?.('ReportingList');
+            }
         } catch (e) {
-            console.error('Navigation error:', e);
+            console.log('Navigation error:', e);
+        }
+    }, [navigation]);
+
+    const handleNavigateManagementReport = useCallback(() => {
+        setVisible(false);
+        try {
+            if (navigationRef.isReady()) {
+                navigationRef.navigate('ManagementReport');
+            } else {
+                navigation?.navigate?.('ManagementReport');
+            }
+        } catch (e) {
+            console.log('Navigation error:', e);
         }
     }, [navigation]);
 
@@ -570,7 +589,7 @@ export function DevToolsCorner() {
                                         paddingHorizontal: 16,
                                         borderRadius: 10,
                                         alignItems: 'center',
-                                        marginBottom: 12,
+                                        marginBottom: 8,
                                     }}
                                 >
                                     <Text style={{ color: '#ffffff', fontWeight: 'bold', fontSize: 14 }}>
@@ -578,6 +597,22 @@ export function DevToolsCorner() {
                                     </Text>
                                 </TouchableOpacity>
 
+                                <TouchableOpacity
+                                    onPress={handleNavigateManagementReport}
+                                    style={{
+                                        backgroundColor: '#2563eb',
+                                        paddingVertical: 12,
+                                        paddingHorizontal: 16,
+                                        borderRadius: 10,
+                                        alignItems: 'center',
+                                        marginBottom: 12,
+                                    }}
+                                >
+                                    <Text style={{ color: '#ffffff', fontWeight: 'bold', fontSize: 14 }}>
+                                        📑 Open Management Report Screen
+                                    </Text>
+                                </TouchableOpacity>
+
                                 <View style={styles.row}>
                                     <Text style={{ color: isDark ? '#FFFFFF' : '#111827', fontWeight: '700' }}>Theme ({colorScheme})</Text>
                                     <View className="flex-row gap-2">

package/tailwind.config.js

@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
+  darkMode: 'class',
   content: [
     './src/**/*.{js,jsx,ts,tsx}',
     './App.{js,jsx,ts,tsx}',
@@ -9,6 +10,16 @@ module.exports = {
   theme: {
     extend: {
       colors: {
+        borders: {
+          light: {
+            light: '#e2e8f0',
+            dark: '#38373a',
+          },
+          dark: {
+            light: '#334155',
+            dark: '#1e293b',
+          },
+        },
         brand: {
           50: '#f5f3ff',
           100: '#ede9fe',