From 1ec1db06581b3ce8b69c976be09da06aa0e2c737 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Fri, 21 Mar 2025 03:38:48 +0100
Subject: [PATCH] Mutation progress

---
 packages/example/src/routes/query/usemutation.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/example/src/routes/query/usemutation.tsx b/packages/example/src/routes/query/usemutation.tsx
index 988d780..586baff 100644
--- a/packages/example/src/routes/query/usemutation.tsx
+++ b/packages/example/src/routes/query/usemutation.tsx
@@ -57,11 +57,14 @@ function RouteComponent() {
                 <Text>
                     {AsyncData.match(state, {
                         NoData: () => "No data yet",
-                        Loading: () => "Loading...",
-                        Success: value =>
-                            `Value: ${value}`,
-                        Failure: cause =>
-                            `Error: ${cause}`,
+                        Loading: progress =>
+                            `Loading...
+                            ${ Option.match(progress, {
+                                onSome: ({ loaded, total }) => ` (${ loaded }/${ Option.getOrElse(total, () => "unknown") })`,
+                                onNone: () => "",
+                            }) }`,
+                        Success: value => `Value: ${ value }`,
+                        Failure: cause => `Error: ${ cause }`,
                     })}
                 </Text>