refactor(04-zkapp-ui-with-react.mdx):move Comlink.wrap section

MinaProtocol · Oct 1, 2024 · cfb5519 · cfb5519
1 parent 3b3dff3
commit cfb5519
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx b/docs/zkapps/tutorials/04-zkapp-ui-with-react.mdx
@@ -259,6 +259,11 @@ The web worker client code resides in the `04-zkapp-browser-ui/ui/app/zkappWorke
   ```
 - With `Comlink.wrap`, create a proxy object `remoteApi` that provides typesafe access the worker's API methods.
 
+  ```ts
+    // Wrap the worker with Comlink to enable direct method invocation
+    this.remoteApi = Comlink.wrap(this.worker);
+  ```    
+
 - Define methods in the ZkappWorkerClient class that call the corresponding method on `remoteApi`, effectively forwarding the calls to the worker.
 
   ```ts
@@ -300,13 +305,6 @@ The web worker client code resides in the `04-zkapp-browser-ui/ui/app/zkappWorke
     }
   ```
 
-
-  ```ts
-    // Wrap the worker with Comlink to enable direct method invocation
-    this.remoteApi = Comlink.wrap(this.worker);
-  ```    
-
-
 ### Environment configuration
 
 - In `04-zkapp-browser-ui/ui/app/page.tsx`