chore: fix UI bug
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user