feat(mobile): fondation design system DSFR (theme + composants UI) + hooks admin + route admin

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-19 15:14:55 +02:00
parent 549a2fdb03
commit 2e96e07c7e
12 changed files with 674 additions and 0 deletions
@@ -0,0 +1,42 @@
+import { Pressable, StyleSheet, View, type StyleProp, type ViewStyle } from 'react-native';
+import { Colors } from '@/lib/colors';
+import { Radius, Shadow, Spacing } from '@/lib/theme';
+
+interface CardProps {
+  children: React.ReactNode;
+  onPress?: () => void;
+  /** Padding interne (défaut lg = 16). Mettre 0 pour gérer soi-même. */
+  padding?: number;
+  /** Légère ombre portée. */
+  elevated?: boolean;
+  style?: StyleProp<ViewStyle>;
+}
+
+/** Conteneur DSFR : fond blanc, bordure grise fine, coins peu arrondis. */
+export default function Card({ children, onPress, padding = Spacing.lg, elevated = false, style }: CardProps) {
+  const content = [styles.card, { padding }, elevated && Shadow.card, style];
+
+  if (onPress) {
+    return (
+      <Pressable
+        onPress={onPress}
+        accessibilityRole="button"
+        style={({ pressed }) => [content, pressed && styles.pressed]}
+      >
+        {children}
+      </Pressable>
+    );
+  }
+
+  return <View style={content}>{children}</View>;
+}
+
+const styles = StyleSheet.create({
+  card: {
+    backgroundColor: Colors.white,
+    borderWidth: 1,
+    borderColor: Colors.gray[200],
+    borderRadius: Radius.sm,
+  },
+  pressed: { backgroundColor: Colors.gray[50] },
+});