From 4753766d16839f4c62ba373e8aaa9baabcbd9c75 Mon Sep 17 00:00:00 2001
From: Lorexia <alexia.lorenza.martinel@protonmail.com>
Date: Sun, 1 Oct 2023 16:18:09 +0200
Subject: [PATCH] update query, execute, mixnet examples

---
 sdk/typescript/docs/pages/guides/mixnet.mdx   | 19 ++++++++++++++++---
 .../docs/pages/guides/nym-smart-contracts.mdx |  6 +++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/sdk/typescript/docs/pages/guides/mixnet.mdx b/sdk/typescript/docs/pages/guides/mixnet.mdx
index c8fba3dc97..7edecbfc08 100644
--- a/sdk/typescript/docs/pages/guides/mixnet.mdx
+++ b/sdk/typescript/docs/pages/guides/mixnet.mdx
@@ -55,7 +55,7 @@ import {
 
 const nymApiUrl = "https://validator.nymtech.net/api";
 
-export default function Traffic() {
+export function MixnetClient() {
   const [nym, setNym] = useState<NymMixnetClient>();
   const [selfAddress, setSelfAddress] = useState<string>();
   const [recipient, setRecipient] = useState<string>();
@@ -90,11 +90,16 @@ export default function Traffic() {
     });
   };
 
-  const send = () => 
-    payload && recipient && nym?.client.send({ payload, recipient });
+  const send = () => {
+    if (!nym || !payload || !recipient) return
+    nym.client.send({ payload, recipient });
+  }
 
   useEffect(() => {
     init();
+    return () => {
+        nym?.client.stop();
+    }
   }, []);
 
   if (!nym) return <div>waiting for the mixnet client...</div>;
@@ -125,6 +130,14 @@ export default function Traffic() {
     </div>
   );
 };
+
+export default function App () {
+  return (
+    <>
+    <MixnetClient/>
+    </>
+  )
+}
 ```
 
 
diff --git a/sdk/typescript/docs/pages/guides/nym-smart-contracts.mdx b/sdk/typescript/docs/pages/guides/nym-smart-contracts.mdx
index 56002ddfde..fee5123987 100644
--- a/sdk/typescript/docs/pages/guides/nym-smart-contracts.mdx
+++ b/sdk/typescript/docs/pages/guides/nym-smart-contracts.mdx
@@ -86,7 +86,7 @@ export default function Mixnodes() {
     <>
       <table>
         <tbody>
-          {mixnodes?.map((value, index) => {
+          {mixnodes?.map((value: any, index: number) => {
             return(
               <tr key={index}>
                 <td> {value?.bond_information?.mix_node?.identity_key} </td>
@@ -147,10 +147,10 @@ import { SigningCosmWasmClient } from "@cosmjs/cosmwasm-stargate";
 import { DirectSecp256k1HdWallet } from "@cosmjs/proto-signing";
 import { GasPrice } from "@cosmjs/stargate";
 import { settings } from "./settings";
-
+ 
 export default function Exec() {
   let signer: DirectSecp256k1HdWallet;
-  let signerMixnetClient: MixnetClient;
+  let signerMixnetClient: any;
   let cosmWasmSigningClient: SigningCosmWasmClient;
   let mixId: number;
   let amountToDelegate: string;