Rolled back changes to tron

Author: ihsraham

docs/connect-blockchain/evm/tron/web.mdx

@@ -8,11 +8,7 @@ description: "Integrate Web3Auth with the Tron Blockchain in JavaScript | Docume
 ---
 
 import Tabs from "@theme/Tabs";
-import JsBlockchainMethods from "@site/src/common/docs/_js-blockchain-methods.mdx";
-import ReactWagmiIntegration from "@site/src/common/docs/_react-wagmi-blockchain-methods.mdx";
-import VueWagmiIntegration from "@site/src/common/docs/_vue-wagmi-blockchain-methods.mdx";
 import TabItem from "@theme/TabItem";
-import ChainDetailsTron from "@site/src/common/docs/general-connect-blockchain/_tron.mdx";
 
 ## Overview
 
@@ -35,9 +31,74 @@ npm install @web3auth/no-modal @web3auth/ethereum-provider @web3auth/auth-adapte
 
 ---
 
-## Chain Details for Tron
+## Getting the ChainConfig
+
+For different Tron networks, you can use the appropriate chain configuration.
+
+<Tabs defaultValue="testnet" groupId="chainConfig">
+  <TabItem value="mainnet" label="Mainnet">
+    ```typescript
+    const TRON_MAINNET = {
+      chainNamespace: "eip155",
+      chainId: "0x2b6653dc", // Tron Mainnet Chain ID
+      rpcTarget: "https://api.trongrid.io",
+      displayName: "TRON Mainnet",
+      blockExplorerUrl: "https://tronscan.org",
+      ticker: "TRX",
+      tickerName: "TRON",
+      logo: "https://cryptologos.cc/logos/tron-trx-logo.png",
+    };
+    ```
+  </TabItem>
+  <TabItem value="testnet" label="Testnet (Shasta)">
+    ```typescript
+    const TRON_SHASTA_TESTNET = {
+      chainNamespace: "eip155",
+      chainId: "0x94a9059e", // Tron Shasta Testnet Chain ID
+      rpcTarget: "https://api.shasta.trongrid.io/jsonrpc",
+      displayName: "TRON Shasta Testnet",
+      blockExplorerUrl: "https://shasta.tronscan.org",
+      ticker: "TRX",
+      tickerName: "TRON",
+      logo: "https://cryptologos.cc/logos/tron-trx-logo.png",
+    };
+    ```
+  </TabItem>
+</Tabs>
 
-<ChainDetailsTron />
+---
+
+## Initializing and Instantiating the Web3Auth SDK
+
+We will now initialize Web3Auth with the TRON configuration.
+
+```typescript
+import { Web3AuthNoModal } from "@web3auth/no-modal";
+import { EthereumPrivateKeyProvider } from "@web3auth/ethereum-provider";
+import { AuthAdapter } from "@web3auth/auth-adapter";
+import { TRON_SHASTA_TESTNET } from "./chainConfig";
+import TronRpc from "./tronRPC";
+
+const clientId = "YOUR_CLIENT_ID"; // Replace with your Web3Auth client ID
+
+const privateKeyProvider = new EthereumPrivateKeyProvider({
+  config: { chainConfig: TRON_SHASTA_TESTNET },
+});
+
+const web3auth = new Web3AuthNoModal({
+  clientId, // Your Web3Auth Client ID
+  chainConfig: TRON_SHASTA_TESTNET, // Using Tron Shasta Testnet
+  privateKeyProvider,
+});
+
+const authAdapter = new AuthAdapter({
+  adapterSettings: {
+    uxMode: "redirect",
+  },
+});
+web3auth.configureAdapter(authAdapter);
+await web3auth.init();
+```
 
 ---
 
@@ -68,14 +129,52 @@ console.log(user);
 
 ---
 
-## React Wagmi Integration
+## Get Account and Balance
+
+Once logged in, we can use `tronRpc.ts` to fetch the user’s account and balance.
 
-<ReactWagmiIntegration />
+```typescript
+// tronRpc.ts should be implemented as per previous example
+const tronRpc = new TronRpc(provider);
+await tronRpc.init();
+
+// Get the user's Tron account address
+const accounts = await tronRpc.getAccounts();
+console.log("Account: ", accounts[0]);
+
+// Get the balance
+const balance = await tronRpc.getBalance();
+console.log("Balance: ", balance);
+```
+
+---
 
-## Vue Wagmi Integration
+## Send Transaction
+
+You can send a transaction using the user's private key.
+
+```typescript
+const transaction = await tronRpc.sendTransaction();
+console.log("Transaction Hash: ", transaction);
+```
+
+This will send a transaction from the user's Tron account.
+
+---
+
+## Sign a Message
+
+You can also sign a message using the private key of the logged-in user.
+
+```typescript
+const signedMessage = await tronRpc.signMessage("Hello Tron!");
+console.log("Signed Message: ", signedMessage);
+```
 
-<VueWagmiIntegration />
+This will return the signature of the message.
 
-## For VanillaJS, Angular and other frameworks
+## Conclusion
 
-<JsBlockchainMethods />
+With Web3Auth, you can easily integrate Tron blockchain capabilities into your application. By using
+the TronWeb library, you can perform various blockchain operations such as fetching accounts,
+sending transactions, signing messages, and interacting with smart contracts.