mirror of
https://github.com/siop-spelev/siop2.git
synced 2026-08-08 12:41:54 +00:00
be5dfb6bc7
Deux bugs réels trouvés sur iPhone physique par le référent : 1. app/(tabs)/menu.tsx n'était pas scrollable (View, pas ScrollView) — avec les 4 groupes désormais pleinement câblés (12 liens + 4 en-têtes), le contenu dépasse la hauteur de l'écran et le dernier groupe (Pilotage, dont Personnes & équipes) était strictement inaccessible. Présent depuis R6.1, seulement révélé maintenant. Fix : ScrollView autour de la liste des groupes, en-tête fixe au-dessus. 2. app/stock/[id]/commander.tsx naviguait silencieusement en arrière après succès — le référent a créé deux BC (vérifiés corrects côté serveur) sans aucun retour dans l'app. Fix : écran de confirmation explicite (référence, fournisseur, total, statut) avant de revenir. Amélioration sur retour direct : Tiers gagne une fiche détail (app/tiers/[id].tsx — identité, contact, BC en cours, sites rattachés, aucune nouvelle requête) — le lecture seule sans réaction au tap se lisait comme un écran cassé plutôt que délibérément simple. Typecheck propre, 17 tests Jest, lint 5/5 paquets. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
73 lines
3.0 KiB
TypeScript
73 lines
3.0 KiB
TypeScript
import { router } from 'expo-router';
|
|
import { FlatList, Pressable, Text, View } from 'react-native';
|
|
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
import { usePartners } from '@/api/ressources';
|
|
import { EnteteFiche } from '@/composants/ui';
|
|
import { useTokens } from '@/theme/tokens';
|
|
|
|
/** Tiers — R6.3 (Ressources). Consultation seule sur mobile (D4) : la
|
|
* création/édition de fournisseurs et clients reste au web pour l'instant.
|
|
* Fiche détail ajoutée en recette (02/08) : le tap sans réaction se lisait
|
|
* comme un écran cassé plutôt que délibérément simple. */
|
|
export default function PageTiers() {
|
|
const t = useTokens();
|
|
const { data: partners } = usePartners();
|
|
const tiers = [...(partners ?? [])].sort((a, b) => a.name.localeCompare(b.name));
|
|
|
|
return (
|
|
<SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
|
|
<View style={{ flex: 1, padding: 14, gap: 10 }}>
|
|
<EnteteFiche titre="Tiers" />
|
|
<FlatList
|
|
data={tiers}
|
|
keyExtractor={(p) => p.id}
|
|
contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
|
|
ListEmptyComponent={
|
|
<Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
|
|
Aucun tiers accessible.
|
|
</Text>
|
|
}
|
|
renderItem={({ item: p }) => (
|
|
<Pressable
|
|
accessibilityRole="button"
|
|
onPress={() => router.push(`/tiers/${p.id}`)}
|
|
style={{
|
|
backgroundColor: t.surface,
|
|
borderColor: t.bordure,
|
|
borderWidth: 1,
|
|
borderRadius: 12,
|
|
padding: 12,
|
|
gap: 2,
|
|
opacity: p.isActive ? 1 : 0.55,
|
|
}}
|
|
>
|
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
|
|
<Text style={{ flex: 1, fontFamily: 'Manrope_700Bold', fontSize: 14, color: t.encre }}>
|
|
{p.name}
|
|
</Text>
|
|
<Text
|
|
style={{
|
|
fontFamily: 'Manrope_700Bold',
|
|
fontSize: 10.5,
|
|
color: p.kind === 'SUPPLIER' ? t.stOuvert : t.stEncours,
|
|
backgroundColor: p.kind === 'SUPPLIER' ? t.stOuvertFond : t.stEncoursFond,
|
|
paddingHorizontal: 8,
|
|
paddingVertical: 2,
|
|
borderRadius: 999,
|
|
}}
|
|
>
|
|
{p.kind === 'SUPPLIER' ? 'Fournisseur' : 'Client'}
|
|
</Text>
|
|
</View>
|
|
<Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 12, color: t.encre2 }}>
|
|
{[p.contactName, p.phone, p.city].filter(Boolean).join(' · ') || '—'}
|
|
{p.kind === 'SUPPLIER' && p.openOrders ? ` · ${p.openOrders} BC en cours` : ''}
|
|
</Text>
|
|
</Pressable>
|
|
)}
|
|
/>
|
|
</View>
|
|
</SafeAreaView>
|
|
);
|
|
}
|