From 4cd0f488c38576bfbae6310c48a7962c25e163ca Mon Sep 17 00:00:00 2001
From: Daniel Blanco Parla <dblancoparla@gmail.com>
Date: Mon, 5 Aug 2024 17:40:43 +0200
Subject: [PATCH] chore: Add postMessage listener to update token0 on message
 event

---
 app/src/Pages/Main/Components/Box2.tsx |  3 +++
 app/src/Pages/Main/Components/Box3.tsx | 13 +++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/app/src/Pages/Main/Components/Box2.tsx b/app/src/Pages/Main/Components/Box2.tsx
index 682e828..09a96d0 100644
--- a/app/src/Pages/Main/Components/Box2.tsx
+++ b/app/src/Pages/Main/Components/Box2.tsx
@@ -35,6 +35,9 @@ export const Box2 = () => {
         description: "There was an error claiming stbleUSD",
       },
     });
+    p.then(() => {
+      window.postMessage(JSON.stringify({ type: "update" }), "*");
+    });
   };
 
   return (
diff --git a/app/src/Pages/Main/Components/Box3.tsx b/app/src/Pages/Main/Components/Box3.tsx
index 573acb9..9d99cda 100644
--- a/app/src/Pages/Main/Components/Box3.tsx
+++ b/app/src/Pages/Main/Components/Box3.tsx
@@ -137,6 +137,19 @@ export const Box3 = () => {
     });
   };
 
+  useEffect(() => {
+    const fn = (ev: MessageEvent) => {
+      const data = JSON.parse(ev.data) as { type: string };
+      if (data.type !== "update") return;
+      token0.refetch();
+    };
+    window.addEventListener("message", fn);
+
+    return () => {
+      window.removeEventListener("message", fn);
+    };
+  }, [token0]);
+
   return (
     <Box p={4} w={["100vw", "xl"]} bg={"gray.700"} borderRadius={4}>
       <Heading size="md">Swap</Heading>