Sign a tx from link opened via CLI

src/app/(sidebar)/transaction/cli-sign/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Loader } from "@stellar/design-system";
+
+import { Routes } from "@/constants/routes";
+import { NetworkOptions } from "@/constants/settings";
+import { useStore } from "@/store/useStore";
+
+export default function CliSignTransaction() {
+  const { network, updateIsDynamicNetworkSelect, transaction, selectNetwork } =
+    useStore();
+  const searchParams = useSearchParams();
+
+  const getNetworkByPassphrase = (passphrase: string) => {
+    return NetworkOptions.find((network) => network.passphrase === passphrase);
+  };
+  const router = useRouter();
+
+  useEffect(() => {
+    const networkPassphrase = searchParams.get("networkPassphrase");
+    const xdr = searchParams.get("xdr");
+
+    if (networkPassphrase) {
+      const network = getNetworkByPassphrase(networkPassphrase);
+      if (network) {
+        updateIsDynamicNetworkSelect(true);
+        selectNetwork(network);
+      }
+    }
+
+    if (xdr) {
+      transaction.updateSignActiveView("overview");
+      transaction.updateSignImportXdr(xdr);
+    }
+
+    router.push(Routes.SIGN_TRANSACTION);
+  }, [transaction.sign.importXdr, network.id]);
+
+  return <Loader />;
+}

src/app/layout.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import type { Metadata } from "next";
+import React from "react";
 
 import { LayoutMain } from "@/components/layout/LayoutMain";
 import { QueryProvider } from "@/query/QueryProvider";

src/constants/routes.ts

@@ -71,6 +71,7 @@ export enum Routes {
   // Transactions
   BUILD_TRANSACTION = "/transaction/build",
   SIGN_TRANSACTION = "/transaction/sign",
+  CLI_SIGN_TRANSACTION = "/transaction/cli-sign",
   SIMULATE_TRANSACTION = "/transaction/simulate",
   SUBMIT_TRANSACTION = "/transaction/submit",
   FEE_BUMP_TRANSACTION = "/transaction/fee-bump",