Mutation progress

2025-03-21 03:38:48 +01:00
parent 2d94e84941
commit 1ec1db0658
1 changed files with 8 additions and 5 deletions
--- 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>