1 00:00:02,130 --> 00:00:06,200 Ahora, por supuesto, al almacenar un pedido, también sería bueno si vemos un 2 00:00:06,210 --> 00:00:11,640 pequeño giro aquí cuando hacemos clic en el botón ordenar ahora hasta que se haga esto y podamos implementar 3 00:00:11,640 --> 00:00:16,030 esto también, solo tenemos que ir a la pantalla del carrito que está donde enviamos 4 00:00:16,050 --> 00:00:20,800 esta acción para enviar un pedido, aquí enviamos y ahora enviamos aquí, por supuesto, devuelve una 5 00:00:20,970 --> 00:00:29,020 promesa al final, justo porque eliminar del carrito, que es el caso cuando hacemos clic en este botón, y el pedido, agregar pedido devolverá un prometemos al 6 00:00:29,020 --> 00:00:33,580 final gracias a nuestro cambio, por lo que el envío devolverá una promesa, por lo 7 00:00:33,580 --> 00:00:36,780 que es aquí donde podemos controlar nuestro estado de carga. 8 00:00:36,940 --> 00:00:41,590 Ahora para que sea un poco más legible, lo sacaré de esta función anónima 9 00:00:41,590 --> 00:00:46,150 aquí y en realidad crearé una nueva función almacenada en una constante 10 00:00:46,160 --> 00:00:53,590 aquí en mi componente pero fuera del árbol jsx y nombraré este controlador de orden de envío o Cualquier cosa como eso. 11 00:00:53,660 --> 00:00:56,440 Esa es la misma función que usé antes, 12 00:00:56,510 --> 00:01:04,520 ahora solo me ocuparé de esto con el controlador de envío de pedidos y ahora la idea es simple, aquí agregar pedido devolverá una promesa como 13 00:01:04,520 --> 00:01:10,400 dije, el despacho por lo tanto devuelve una promesa, por lo que podemos agregar asíncrono aquí para que nuevamente 14 00:01:10,400 --> 00:01:16,440 podemos usar async wait y administrar la carga y posiblemente también el estado de error como lo hicimos antes. 15 00:01:16,460 --> 00:01:23,940 Por lo tanto, solo necesitamos importar el estado de uso de React y, por supuesto, inicializar nuestro estado nuevamente. 16 00:01:23,940 --> 00:01:33,150 Así que aquí tenemos isLoading y establece isLoading e inicialmente eso es falso y, si lo desea, lo que no haré aquí, pero si lo desea, también puede agregar el 17 00:01:33,150 --> 00:01:33,800 manejo 18 00:01:33,810 --> 00:01:39,810 de errores de la misma manera que lo hicimos antes con el error de estado de uso, tal vez 19 00:01:39,810 --> 00:01:43,610 use el efecto para luego mostrar una alerta y así sucesivamente, me 20 00:01:43,650 --> 00:01:45,530 enfocaré en la parte de carga. 21 00:01:45,690 --> 00:01:47,970 Entonces, aquí, en el controlador de 22 00:01:48,000 --> 00:01:50,970 envío de pedidos, llamaré a set isLoading y 23 00:01:51,210 --> 00:01:56,610 estableceré esto en true, luego esperamos este envío, así que esperamos hasta que esta promesa 24 00:01:56,610 --> 00:02:02,760 se complete y nuevamente esto envuelve invisiblemente las partes en un bloque de entonces porque luego configurará la 25 00:02:02,760 --> 00:02:04,290 carga de nuevo en 26 00:02:04,290 --> 00:02:10,160 falso, ya no estamos cargando y ahora podemos usar eso para mostrar un indicador de actividad. 27 00:02:10,250 --> 00:02:19,880 Así que vamos a importar el indicador de actividad de React Native aquí y lo que quiero hacer es aquí en 28 00:02:19,910 --> 00:02:22,170 lugar del botón de 29 00:02:22,190 --> 00:02:30,320 ordenar ahora, quiero mostrar ese indicador mientras estoy cargando. Entonces, aquí puedo verificar si isLoading es verdadero, si es el 30 00:02:30,320 --> 00:02:40,100 caso, mostraré mi indicador de actividad con un tamaño de digamos pequeño y un color de colores, que debe asegurarse de que sea importado, primario y que 31 00:02:40,150 --> 00:02:45,200 se cierre automáticamente y de lo contrario si no estamos cargando, bueno, entonces mostraré 32 00:02:45,240 --> 00:02:47,260 este botón, por supuesto. 33 00:02:47,340 --> 00:02:53,690 Así que aquí quiero representar este botón en el caso else y ahora vamos a intentarlo. 34 00:02:53,720 --> 00:02:55,370 Vamos a guardar eso, agregue 35 00:02:55,430 --> 00:02:59,030 esto a la tarjeta tal vez dos veces, haga clic en 36 00:02:59,150 --> 00:03:06,560 ordenar ahora, vimos la ruleta por una fracción de segundo aquí y ahora si echamos un vistazo a las órdenes, aquí está nuestra orden. 37 00:03:06,560 --> 00:03:10,250 Ahora asegurémonos de que los pedidos también se carguen cuando visitemos la pantalla.