feat: sync staging → main

Signed-off-by: Griko Nibras <griko@nibras.co>
skip-mev · Jan 12, 2024 · 712d0ae · 712d0ae · vercel · Jan 12, 2024
2 parents c7b4dec + 69d28fd
commit 712d0ae
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/src/components/SwapWidget/useSwapWidget.ts b/src/components/SwapWidget/useSwapWidget.ts
@@ -292,8 +292,10 @@ const useFormValuesStore = create(
     persist(() => defaultValues, {
       name: "SwapWidgetState",
       version: 1,
-      storage: createJSONStorage(() => sessionStorage),
+      storage: createJSONStorage(() => window.sessionStorage),
       partialize: (state): Partial<FormValues> => ({
+        amountIn: state.amountIn,
+        amountOut: state.amountOut,
         sourceChain: state.sourceChain,
         sourceAsset: state.sourceAsset,
         destinationChain: state.destinationChain,

diff --git a/src/components/TransactionDialog/TransactionDialogContent.tsx b/src/components/TransactionDialog/TransactionDialogContent.tsx
@@ -6,7 +6,7 @@ import { useState } from "react";
 import { toast } from "react-hot-toast";
 import { useAccount as useWagmiAccount } from "wagmi";
 
-import { getTrackAccount } from "@/context/account";
+import { getTrackAccount, trackAccount } from "@/context/account";
 import { useSettingsStore } from "@/context/settings";
 import {
   addTxHistory,
@@ -71,6 +71,9 @@ function TransactionDialogContent({
     try {
       const userAddresses: Record<string, string> = {};
 
+      const [sourceChainID] = route.chainIDs;
+      const sourceWalletName = getTrackAccount(sourceChainID)!;
+
       for (const chainID of route.chainIDs) {
         const chain = chains.find((c) => c.chainID === chainID);
         if (!chain) {
@@ -80,7 +83,7 @@ function TransactionDialogContent({
         if (chain.chainType === "cosmos") {
           const { wallets } = getWalletRepo(chain.chainName);
 
-          const walletName = getTrackAccount(chainID);
+          const walletName = getTrackAccount(chainID) || sourceWalletName;
           const wallet = wallets.find((w) => w.walletName === walletName);
           if (!wallet) {
             throw new Error(
@@ -89,6 +92,7 @@ function TransactionDialogContent({
           }
           if (wallet.isWalletDisconnected) {
             await wallet.connect();
+            trackAccount.track(chainID, walletName);
           }
 
           if (!wallet.address) {

diff --git a/src/components/TransactionDialog/index.tsx b/src/components/TransactionDialog/index.tsx
@@ -70,7 +70,7 @@ function TransactionDialog({
           Preview Route
         </button>
         {isOpen && (
-          <div className="absolute inset-0 bg-white rounded-3xl">
+          <div className="absolute inset-0 bg-white rounded-3xl animate-fade-zoom-in">
             {route && (
               <TransactionDialogContent
                 route={route}

diff --git a/src/context/account.ts b/src/context/account.ts
@@ -1,5 +1,5 @@
 import { create } from "zustand";
-import { persist } from "zustand/middleware";
+import { createJSONStorage, persist } from "zustand/middleware";
 
 type TrackAccountStore = Record<string, string>;
 
@@ -9,6 +9,7 @@ const store = create(
   persist(() => defaultValues, {
     name: "TrackAccountState",
     version: 1,
+    storage: createJSONStorage(() => window.sessionStorage),
   }),
 );