chore: fix UI bug

This commit is contained in:
2026-03-31 11:30:48 +02:00
parent 25cd6429f2
commit 37103ff0ca
4 changed files with 358 additions and 7 deletions
@@ -209,6 +209,23 @@ export default function OrderHistoryScreen() {
fontSize: fontSize.lg,
fontWeight: fontWeight.bold,
},
deliveredBadge: {
flexDirection: "row",
alignItems: "center",
paddingHorizontal: spacing.m,
paddingVertical: spacing.xs,
borderRadius: borderRadius.xl,
borderWidth: 1.5,
borderColor: "#7c3aed",
},
deliveredBadgeText: {
color: "#a78bfa",
fontSize: fontSize.xs,
fontWeight: fontWeight.bold,
textTransform: "uppercase",
letterSpacing: 0.5,
marginLeft: 4,
},
}),
[colors],
);
@@ -372,7 +389,14 @@ export default function OrderHistoryScreen() {
<Text style={styles.orderIdText}>
Commande #{order.client_order_number}
</Text>
<StatusBadge status={order.status} />
{order.status === "cancelled" ? (
<StatusBadge status={order.status} />
) : (
<View style={styles.deliveredBadge}>
<Ionicons name="checkmark-circle" size={12} color="#a78bfa" />
<Text style={styles.deliveredBadgeText}>Livrée</Text>
</View>
)}
</View>
<View style={styles.orderRow}>
<Ionicons