chore: update UI

frontend-admin/src/components/ui/Modal.tsx

@@ -3,10 +3,12 @@ import {
     Modal as RNModal,
     View,
     ScrollView,
+    KeyboardAvoidingView,
     TouchableOpacity,
     Text,
     StyleSheet,
     Animated,
+    Platform,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { spacing, borderRadius, fontSize } from "../../theme";
@@ -132,6 +134,10 @@ export default function Modal({
             transparent
             animationType="fade"
             onRequestClose={onClose}
+        >
+            <KeyboardAvoidingView
+                style={{ flex: 1 }}
+                behavior={Platform.OS === "ios" ? "padding" : "height"}
             >
             <View style={styles.overlay}>
                 <Animated.View
@@ -186,6 +192,7 @@ export default function Modal({
                     </ScrollView>
                 </Animated.View>
             </View>
+            </KeyboardAvoidingView>
         </RNModal>
     );
 }

frontend-admin/src/screens/admin/UsersScreen.tsx

@@ -974,9 +974,9 @@ export default function UsersScreen() {
                                             { color: colors.warning },
                                         ]}
                                     >
-                                        {item.clientData.amende}
+                                        {item.clientData.amende} €
                                     </Text>
-                                    <Text style={styles.statLabel}>Amendes</Text>
+                                    <Text style={styles.statLabel}>Amende</Text>
                                 </View>
                             )}
                             <View style={styles.stat}>
@@ -1456,16 +1456,16 @@ export default function UsersScreen() {
                                 Amende actuelle
                             </Text>
                             <Text style={{ color: colors.warning, fontSize: fontSize.lg, fontWeight: "700" }}>
-                                {sanctionModal.client?.amende ?? 0} pts
+                                {sanctionModal.client?.amende ?? 0} €
                             </Text>
                         </View>
 
                         {/* Ajouter amende */}
                         <TextInput
-                            label="Points à ajouter"
+                            label="Montant à ajouter (€)"
                             value={amendeAmount}
                             onChangeText={setAmendeAmount}
-                            keyboardType="numeric"
+                            keyboardType="decimal-pad"
                             icon={<Ionicons name="add-circle-outline" size={18} color={colors.textMuted} />}
                         />
                         <TextInput

frontend-admin/src/screens/cabine/UsersScreen.tsx

@@ -150,9 +150,9 @@ export default function UsersScreen() {
                 {appSettings.show_amende_score && (
                     <View style={styles.stat}>
                         <Text style={[styles.statValue, { color: colors.warning }]}>
-                            {item.amende}
+                            {item.amende} €
                         </Text>
-                        <Text style={styles.statLabel}>Amendes</Text>
+                        <Text style={styles.statLabel}>Amende</Text>
                     </View>
                 )}
                 <View style={styles.stat}>

mobile/src/components/ui/Modal.tsx

@@ -2,10 +2,13 @@ import React, { type ReactNode, useEffect, useRef } from "react";
 import {
     Modal as RNModal,
     View,
+    ScrollView,
+    KeyboardAvoidingView,
     TouchableOpacity,
     Text,
     StyleSheet,
     Animated,
+    Platform,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { spacing, borderRadius, fontSize } from "../../theme";
@@ -59,6 +62,10 @@ export default function Modal({
             transparent
             animationType="fade"
             onRequestClose={onClose}
+        >
+            <KeyboardAvoidingView
+                style={{ flex: 1 }}
+                behavior={Platform.OS === "ios" ? "padding" : "height"}
             >
                 <View style={styles.overlay}>
                     <Animated.View
@@ -125,9 +132,17 @@ export default function Modal({
                                 />
                             </TouchableOpacity>
                         </View>
-                    <View style={styles.body}>{children}</View>
+                        <ScrollView
+                            style={styles.body}
+                            contentContainerStyle={{ paddingBottom: spacing.xl }}
+                            showsVerticalScrollIndicator={false}
+                            keyboardShouldPersistTaps="handled"
+                        >
+                            {children}
+                        </ScrollView>
                     </Animated.View>
                 </View>
+            </KeyboardAvoidingView>
         </RNModal>
     );
 }
@@ -190,6 +205,5 @@ const styles = StyleSheet.create({
     },
     body: {
         paddingHorizontal: spacing.xl,
-        paddingBottom: spacing.xl,
     },
 });

mobile/src/screens/client/OrderHistoryScreen.tsx

@@ -333,10 +333,10 @@ export default function OrderHistoryScreen() {
                                             penaltyCount > 0 && penaltyCount < 3 && { color: colors.warning },
                                         ]}
                                     >
-                                        {penaltyCount}
+                                        {penaltyCount} €
                                     </Text>
                                     <Text style={styles.statLabel}>
-                                        Score amendes
+                                        Amende
                                     </Text>
                                 </View>
                             )}