nits

Author: yashovardhan

web-modal-sdk/quick-starts/react-modal-solana-quick-start/src/App.tsx

@@ -2,7 +2,7 @@ import "./App.css";
 import { useWeb3AuthConnect, useWeb3AuthDisconnect, useWeb3AuthUser} from "@web3auth/modal/react";
 import { WALLET_CONNECTORS } from "@web3auth/modal";
 import { useSolanaWallet } from "@web3auth/modal/react/solana";
-import { SendTransaction } from "./components/sendTransaction";
+import { SignTransaction } from "./components/signTransaction";
 import { Balance } from "./components/getBalance";
 import { SendVersionedTransaction } from "./components/sendVersionedTransaction";
 import { SignMessage } from "./components/signMessage";
@@ -41,7 +41,7 @@ function App() {
       </div>
       <Balance />
       <SignMessage />
-      <SendTransaction />
+      <SignTransaction />
       <SendVersionedTransaction />
       <SwitchChain />
     </div>

…start/src/components/sendTransaction.tsx …start/src/components/signTransaction.tsxweb-modal-sdk/quick-starts/react-modal-solana-quick-start/src/components/sendTransaction.tsx renamed to web-modal-sdk/quick-starts/react-modal-solana-quick-start/src/components/signTransaction.tsx web-modal-sdk/quick-starts/react-modal-solana-quick-start/src/components/sendTransaction.tsx renamed to web-modal-sdk/quick-starts/react-modal-solana-quick-start/src/components/signTransaction.tsx

@@ -1,9 +1,10 @@
 import { FormEvent } from "react";
-import { useSolanaWallet, useSignAndSendTransaction } from "@web3auth/modal/react/solana";
+import { useSolanaWallet, useSignTransaction } from "@web3auth/modal/react/solana";
 import { LAMPORTS_PER_SOL, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
 
-export function SendTransaction() {
-  const { data: hash, error, loading: isPending, signAndSendTransaction } = useSignAndSendTransaction();
+export function SignTransaction() {
+  const { data: signedTransaction, error, loading: isPending, signTransaction,
+  } = useSignTransaction();
   const { accounts, connection } = useSolanaWallet();
 
   async function submit(e: FormEvent<HTMLFormElement>) {
@@ -25,13 +26,13 @@ export function SendTransaction() {
       feePayer: new PublicKey(accounts![0]),
     }).add(TransactionInstruction);
 
-    signAndSendTransaction(transaction);
+    signTransaction(transaction);
   }
 
 
   return (
     <div>
-      <h2>Send Transaction</h2>
+      <h2>Sign Transaction</h2>
       <form onSubmit={submit}>
         <input name="address" placeholder="Address" required />
         <input
@@ -42,10 +43,10 @@ export function SendTransaction() {
           required
         />
         <button disabled={isPending} type="submit" >
-          {isPending ? 'Confirming...' : 'Send'}
+          {isPending ? 'Signing...' : 'Sign'}
         </button>
       </form>
-      {hash && <div>Transaction Hash: {hash}</div>}
+      {signedTransaction && <div>Signed Trasaction: {signedTransaction}</div>}
       {error && (
         <div>Error: {error.message}</div>
       )}

web-modal-sdk/quick-starts/react-modal-solana-quick-start/tsconfig.json

@@ -16,6 +16,6 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": ["src", "src/components/sendTransaction.tsx", "src/components/switchNetwork.tsx", "src/components/writeContract.tsx", "src/components/getBalance.tsx"],
+  "include": ["src", "src/components/signTransaction.tsx", "src/components/switchNetwork.tsx", "src/components/writeContract.tsx", "src/components/getBalance.tsx"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

web-modal-sdk/quick-starts/vue-modal-solana-quick-start/src/Home.vue

@@ -37,7 +37,7 @@
       </div>
       <Balance v-if="isConnected" />
       <SignMessage v-if="isConnected" />
-      <SendTransaction v-if="isConnected" />
+      <SignTransaction v-if="isConnected" />
       <SendVersionedTransaction v-if="isConnected" />
       <SwitchNetwork v-if="isConnected" />
 
@@ -61,7 +61,7 @@ import { WALLET_CONNECTORS, AUTH_CONNECTION } from "@web3auth/modal";
 import { useSolanaWallet } from "@web3auth/modal/vue/solana";
 
 import Balance from './components/getBalance.vue';
-import SendTransaction  from './components/sendTransaction.vue';
+import SignTransaction  from './components/signTransaction.vue';
 import SwitchNetwork from './components/switchNetwork.vue';
 import SendVersionedTransaction from "./components/sendVersionedTransaction.vue";
 import SignMessage from "./components/signMessage.vue";

…start/src/components/sendTransaction.vue …start/src/components/signTransaction.vueweb-modal-sdk/quick-starts/vue-modal-solana-quick-start/src/components/sendTransaction.vue renamed to web-modal-sdk/quick-starts/vue-modal-solana-quick-start/src/components/signTransaction.vue web-modal-sdk/quick-starts/vue-modal-solana-quick-start/src/components/sendTransaction.vue renamed to web-modal-sdk/quick-starts/vue-modal-solana-quick-start/src/components/signTransaction.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { LAMPORTS_PER_SOL, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
-import { useSolanaWallet, useSignAndSendTransaction } from "@web3auth/modal/vue/solana";
+import { useSolanaWallet, useSignTransaction } from "@web3auth/modal/vue/solana";
 
-const { data: hash, error, loading: isPending, signAndSendTransaction } = useSignAndSendTransaction();
+const { data: signedTransaction, error, loading: isPending, signTransaction } = useSignTransaction();
 const { accounts, connection } = useSolanaWallet();
 
 async function submit(event: Event) {
@@ -26,14 +26,14 @@ async function submit(event: Event) {
     feePayer: new PublicKey(accounts.value[0]),
   }).add(TransactionInstruction);
   
-  signAndSendTransaction(transaction);
+  signTransaction(transaction);
 }
 </script>
 
 <template>
   <div class="container">
     <div class="stack">
-      <h2>Send Transaction</h2>
+      <h2>Sign Transaction</h2>
       <form class="set" @submit.prevent="submit">
         <input name="address" placeholder="Address" required />
         <input
@@ -44,11 +44,10 @@ async function submit(event: Event) {
           required
         />
         <button type="submit" :disabled="isPending">
-          {{ isPending ? 'Confirming...' : 'Send' }}
+          {{ isPending ? 'Signing...' : 'Sign' }}
         </button>
       </form>
-      <div v-if="hash">Transaction Hash: {{ hash }}</div>
-      <div v-if="isPending">Confirming...</div>
+      <div v-if="signedTransaction">Signed Transaction: {{ signedTransaction }}</div>
       <div v-if="error">
         Error: {{ error.message }}
       </div>