Global

Members

(constant) PanierContext :React.Context

Contexte React interne du panier. Ne pas utiliser directement — préférer le hook usePanier.
Type:
  • React.Context
Source:

(constant) PanierProvider

Fournisseur du contexte panier. Doit envelopper tous les composants qui ont besoin d'accéder au panier.
Source:

(constant) styles

Styles locaux de l'écran HistoriqueCommande.
Source:

(constant) styles

Styles locaux de l'écran Home.
Source:

(constant) styles

Styles locaux de l'écran Login (thème minimaliste).
Source:

(constant) styles

Styles locaux de l'écran ProductsCard.
Source:

(constant) styles :StyleSheet

Styles locaux spécifiques à la mise en page du panier et du stepper.
Type:
  • StyleSheet
Source:

(constant) styles

Styles locaux de l'écran ValidationCommande.
Source:

(constant) usePanier

Hook personnalisé pour accéder au contexte du panier. Doit être utilisé à l'intérieur d'un composant enveloppé par PanierProvider.
Source:

Methods

CommandeContext(props) → {React.JSX.Element}

Composant principal de l'écran Panier. * @component
Parameters:
Name Type Description
props Object Propriétés du composant.
Properties
Name Type Description
navigation Object Objet de navigation fourni par React Navigation pour la redirection vers la validation.
Source:
Returns:
L'interface utilisateur du panier avec la liste des articles et le récapitulatif.
Type
React.JSX.Element

CustomDrawerContent(props)

CustomDrawerContent - Composant personnalisé pour le contenu du drawer Ce composant gère l'affichage dynamique du menu drawer avec un bouton de déconnexion
Parameters:
Name Type Description
props object Les props transmises par le Drawer Navigator
Source:

HistoriqueCommande() → {React.JSX.Element}

Écran affichant l'historique complet des commandes du client.
Source:
Returns:
La liste des commandes passées ou un indicateur de chargement/erreur.
Type
React.JSX.Element

Products() → {React.JSX.Element}

Écran affichant le catalogue complet des produits sous forme de grille.
Source:
Returns:
La grille des produits, ou un état de chargement/erreur/vide.
Type
React.JSX.Element

ProductsCard() → {React.JSX.Element}

Écran de fiche produit détaillée. Reçoit les données du produit via les paramètres de route React Navigation.
Source:
Returns:
La fiche produit avec image, prix, description et bouton d'ajout au panier.
Type
React.JSX.Element

ValidationCommande(props) → {React.JSX.Element}

Écran de validation finale de la commande. Reçoit les totaux HT et TVA via les paramètres de route, calculés par l'écran Panier.
Parameters:
Name Type Description
props Object
Properties
Name Type Description
navigation Object Objet de navigation React Navigation.
route Object Objet de route contenant les paramètres transmis.
Properties
Name Type Description
params.totalHT number Montant total hors taxes.
params.tva number Montant de la TVA (20%).
Source:
Returns:
Le récapitulatif de commande avec les boutons Retour et Confirmer.
Type
React.JSX.Element