AddToCartForm() — astro Function Reference

Architecture documentation for the AddToCartForm() function in AddToCartForm.tsx from the astro codebase.

Function tsx StateStores NanostoresImplementation calls 1

Entity Profile

StateStores→ NanostoresImplementation→ AddToCartForm() — astro Function Reference

Dependency Diagram

graph TD
  c08257ed_9b2a_aedc_a11b_c35e957f25e0["AddToCartForm()"]
  9bd09477_d318_1e25_4e51_a3d91bcf1ef7["AddToCartForm.tsx"]
  c08257ed_9b2a_aedc_a11b_c35e957f25e0 -->|defined in| 9bd09477_d318_1e25_4e51_a3d91bcf1ef7
  c22706ec_775e_3904_0a66_f2ff24edc7ab["addCartItem()"]
  c08257ed_9b2a_aedc_a11b_c35e957f25e0 -->|calls| c22706ec_775e_3904_0a66_f2ff24edc7ab
  style c08257ed_9b2a_aedc_a11b_c35e957f25e0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

examples/with-nanostores/src/components/AddToCartForm.tsx lines 10–18

export default function AddToCartForm({ item, children }: Props) {
	function addToCart(e: SubmitEvent) {
		e.preventDefault();
		isCartOpen.set(true);
		addCartItem(item);
	}

	return <form onSubmit={addToCart}>{children}</form>;
}