billisdead
92e67d0769
- Stack : Expo Router, Axios, Zustand, React Native Paper (thème sombre), date-fns - Sécurité : secrets dans Android Keystore via expo-secure-store, TLS obligatoire, headers X-N8N-API-KEY + X-App-Token injectés par intercepteur Axios - API : client.ts centralisé + workflows.ts + executions.ts (TypeScript strict) - Store : Zustand appStore avec chargement depuis secure store au démarrage - Hooks : usePolling (générique), useWorkflows, useExecutions - Composants : StatusBadge, WorkflowCard, ExecutionCard, SkeletonLoader - Screens : Dashboard, Workflows, Executions, Logs (détail exécution), Settings - Navigation Expo Router : 4 tabs + stack Logs + écran Setup initial - Docs : INSTALL.md, UPDATE.md, BACKUP.md, HAPROXY.md, SECURITY.md Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { View, StyleSheet } from 'react-native';
|
|
import { Text, useTheme } from 'react-native-paper';
|
|
import SettingsScreen from '../src/screens/SettingsScreen';
|
|
|
|
/**
|
|
* Écran d'installation initiale — affiché au premier lancement.
|
|
* Partage le composant SettingsScreen avec un en-tête de bienvenue.
|
|
* Après sauvegarde, le root layout redirige automatiquement vers les tabs.
|
|
*/
|
|
export default function SetupScreen() {
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<View style={[styles.container, { backgroundColor: theme.colors.background }]}>
|
|
<View style={styles.header}>
|
|
<Text
|
|
variant="headlineMedium"
|
|
style={[styles.title, { color: theme.colors.primary }]}
|
|
>
|
|
n8n Pilot
|
|
</Text>
|
|
<Text
|
|
variant="bodyMedium"
|
|
style={{ color: theme.colors.onSurfaceVariant, textAlign: 'center' }}
|
|
>
|
|
Configurez votre instance n8n pour commencer
|
|
</Text>
|
|
</View>
|
|
<SettingsScreen />
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
},
|
|
header: {
|
|
paddingHorizontal: 24,
|
|
paddingTop: 24,
|
|
paddingBottom: 8,
|
|
alignItems: 'center',
|
|
gap: 4,
|
|
},
|
|
title: {
|
|
fontWeight: '700',
|
|
},
|
|
});
|