chore: fix UI

2026-03-30 08:43:34 +02:00
parent 98150851c9
commit 5706416bfb
6 changed files with 82 additions and 10 deletions
@@ -598,6 +598,34 @@ export default function OrderDetailScreen() {
                <Text style={styles.date}>
                    {new Date(command.created_at).toLocaleString("fr-FR")}
                </Text>
+                {command.status === "cancelled" && command.cancel_reason ? (
+                    <View style={{
+                        marginTop: spacing.m,
+                        padding: spacing.m,
+                        backgroundColor: colors.danger + "18",
+                        borderRadius: borderRadius.sm,
+                        borderLeftWidth: 3,
+                        borderLeftColor: colors.danger,
+                    }}>
+                        <Text style={{ color: colors.danger, fontSize: fontSize.xs, fontWeight: "700", marginBottom: 4, textTransform: "uppercase", letterSpacing: 0.5 }}>
+                            Motif d'annulation
+                        </Text>
+                        <Text style={{ color: colors.textSecondary, fontSize: fontSize.sm }}>
+                            {command.cancel_reason}
+                        </Text>
+                    </View>
+                ) : command.status === "cancelled" ? (
+                    <View style={{
+                        marginTop: spacing.m,
+                        padding: spacing.m,
+                        backgroundColor: colors.bgSecondary,
+                        borderRadius: borderRadius.sm,
+                    }}>
+                        <Text style={{ color: colors.textMuted, fontSize: fontSize.sm, fontStyle: "italic" }}>
+                            Aucun motif fourni
+                        </Text>
+                    </View>
+                ) : null}
            </Card>

            {/* Livreur tracking map */}