refactor everything

README.md

@@ -16,7 +16,6 @@ the [ZetaChain Toolkit](https://github.com/zeta-chain/toolkit/).
 - Omnichain swaps
 - Token deposit and withdrawal
 - Cross-chain transaction tracking
-- Cross-chain messaging example
 - Bitcoin support
 
 ## Prerequisites
@@ -25,8 +24,8 @@ the [ZetaChain Toolkit](https://github.com/zeta-chain/toolkit/).
 - Yarn
 
 The ZetaChain Toolkit is initialized with a custom RPC endpoint for ZetaChain to
-ensure that requests are not rate-limited. By default we're using an RPC endpoint
-provided by [AllThatNode](https://www.allthatnode.com/zetachain.dsrv).
+ensure that requests are not rate-limited. By default we're using an RPC
+endpoint provided by [AllThatNode](https://www.allthatnode.com/zetachain.dsrv).
 
 Before starting the development server:
 

app/index.tsx

@@ -1,8 +1,17 @@
 "use client"
 
-import { AppProvider } from "@/context/AppContext"
+import React, { createContext, useContext, useEffect, useState } from "react"
+import { BalanceProvider } from "@/context/BalanceContext"
+import { CCTXsProvider } from "@/context/CCTXsContext"
+import { FeesProvider } from "@/context/FeesContext"
+import { PricesProvider } from "@/context/PricesContext"
+import { StakingProvider } from "@/context/StakingContext"
+import { ValidatorsProvider } from "@/context/ValidatorsContext"
+// @ts-ignore
+import Cookies from "js-cookie"
 
 import { Toaster } from "@/components/ui/toaster"
+import { useToast } from "@/components/ui/use-toast"
 import { SiteHeader } from "@/components/site-header"
 import { ThemeProvider } from "@/components/theme-provider"
 
@@ -13,17 +22,46 @@ interface RootLayoutProps {
 }
 
 export default function Index({ children }: RootLayoutProps) {
+  const { toast } = useToast()
+
+  useEffect(() => {
+    if (!Cookies.get("firstTimeVisit")) {
+      toast({
+        title: "Welcome to ZetaChain Example App",
+        description: "This is a testnet. Please do not use real funds.",
+        duration: 60000,
+      })
+      Cookies.set("firstTimeVisit", "true", { expires: 7 })
+    }
+  }, [])
+
   return (
-    <AppProvider>
-      <ThemeProvider attribute="class" defaultTheme="light" enableSystem>
-        <NFTProvider>
-          <div className="relative flex min-h-screen flex-col">
-            <SiteHeader />
-            <section className="container px-4 mt-4">{children}</section>
-          </div>
-          <Toaster />
-        </NFTProvider>
-      </ThemeProvider>
-    </AppProvider>
+    <BalanceProvider>
+      <FeesProvider>
+        <ValidatorsProvider>
+          <StakingProvider>
+            <PricesProvider>
+              <CCTXsProvider>
+                <ThemeProvider
+                  attribute="class"
+                  defaultTheme="light"
+                  enableSystem
+                >
+                  <NFTProvider>
+                    <div className="relative flex min-h-screen flex-col">
+                      <SiteHeader />
+                      <section className="container px-4 mt-4">
+                        {children}
+                      </section>
+                    </div>
+                    <Toaster />
+                  </NFTProvider>
+                </ThemeProvider>
+              </CCTXsProvider>
+            </PricesProvider>
+          </StakingProvider>
+        </ValidatorsProvider>
+      </FeesProvider>
+    </BalanceProvider>
   )
 }