Link "Sign in Transaction Signer" button to "Sign Transaction" page (#…

…875)
stellar · Jun 14, 2024 · 80691ee · 80691ee
1 parent 6fe1f70
commit 80691ee
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/app/(sidebar)/transaction/build/components/TransactionXdr.tsx b/src/app/(sidebar)/transaction/build/components/TransactionXdr.tsx
@@ -6,6 +6,7 @@ import { stringify } from "lossless-json";
 import { StrKey, TransactionBuilder } from "@stellar/stellar-sdk";
 import { set } from "lodash";
 import * as StellarXdr from "@/helpers/StellarXdr";
+import { useRouter } from "next/navigation";
 
 import { SdsLink } from "@/components/SdsLink";
 import { ValidationResponseCard } from "@/components/ValidationResponseCard";
@@ -39,11 +40,13 @@ const MAX_INT64 = "9223372036854775807";
 
 export const TransactionXdr = () => {
   const { transaction, network } = useStore();
+  const router = useRouter();
   const {
     params: txnParams,
     operations: txnOperations,
     isValid,
   } = transaction.build;
+  const { updateSignActiveView, updateSignImportXdr } = transaction;
 
   const [isReady, setIsReady] = useState(false);
 
@@ -555,7 +558,10 @@ export const TransactionXdr = () => {
                 size="md"
                 variant="secondary"
                 onClick={() => {
-                  alert("TODO: handle sign transaction flow");
+                  updateSignImportXdr(txnXdr.xdr);
+                  updateSignActiveView("overview");
+
+                  router.push("/transaction/sign");
                 }}
               >
                 Sign in Transaction Signer

diff --git a/src/store/createStore.ts b/src/store/createStore.ts
@@ -39,6 +39,8 @@ type TransactionBuildParamsObj = {
   [K in keyof TransactionBuildParams]?: TransactionBuildParams[K];
 };
 
+export type SignTxActiveView = "import" | "overview";
+
 export interface Store {
   // Shared
   network: Network | EmptyObj;
@@ -86,7 +88,7 @@ export interface Store {
       };
     };
     sign: {
-      activeView: string;
+      activeView: SignTxActiveView;
       importTx: FeeBumpTransaction | Transaction | undefined;
       importXdr: string;
       signedTx: string;
@@ -111,7 +113,7 @@ export interface Store {
     resetBuildParams: () => void;
     resetBuild: () => void;
     // [Transaction] Sign Transaction actions
-    updateSignActiveView: (viewId: string) => void;
+    updateSignActiveView: (viewId: SignTxActiveView) => void;
     updateSignImportTx: (tx: FeeBumpTransaction | Transaction) => void;
     updateSignImportXdr: (xdr: string) => void;
     updateSignedTx: (tx: string) => void;
@@ -166,7 +168,7 @@ const initTransactionState = {
     },
   },
   sign: {
-    activeView: "import",
+    activeView: "import" as SignTxActiveView,
     importTx: undefined,
     importXdr: "",
     signedTx: "",
@@ -324,7 +326,7 @@ export const createStore = (options: CreateStoreOptions) =>
             set((state) => {
               state.transaction.build = initTransactionState.build;
             }),
-          updateSignActiveView: (viewId: string) =>
+          updateSignActiveView: (viewId: SignTxActiveView) =>
             set((state) => {
               state.transaction.sign.activeView = viewId;
             }),