Skip to content

Commit dff1c0b

Browse files
committed
applies review feedback
1 parent 63a543e commit dff1c0b

File tree

3 files changed

+30
-52
lines changed

3 files changed

+30
-52
lines changed

smart-contracts/dev-environments/remix/.nav.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@ nav:
22
- 'Get Started': get-started.md
33
- 'Deploy a Contract': deploy-a-contract.md
44
# - 'Verify a Contract': verify-a-contract.md # TODO: Add this once the feature is available
5-
- 'Troubleshooting and FAQs': troubleshooting-faq.md
5+
- 'Troubleshooting': troubleshooting-faq.md

smart-contracts/dev-environments/remix/deploy-a-contract.md

Lines changed: 28 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Deploy and Interact with Smart Contracts Using Remix IDE
2+
title: Deploy Contracts Using Remix IDE
33
description: Learn how to deploy smart contracts to the Polkadot Hub network and interact with them using the Remix IDE and wallet providers, covering deployment and state.
44
categories: Smart Contracts, Tooling
55
---
@@ -14,52 +14,54 @@ After compiling your smart contract in Remix IDE, the next step is to deploy it
1414

1515
Before deploying your contract, ensure you have:
1616

17-
- Completed the [Remix IDE setup](/smart-contracts/dev-environments/remix/get-started/){target=\_blank} and have a compiled contract ready
18-
- A compatible wallet extension installed (e.g., [MetaMask](https://metamask.io/){target=\_blank} or [Talisman](https://www.talisman.xyz/){target=\_blank})
17+
- Completed the [Remix IDE setup](/smart-contracts/dev-environments/remix/get-started/){target=\_blank} and have a compiled contract ready.
18+
- A compatible wallet extension installed (e.g., [MetaMask](https://metamask.io/){target=\_blank} or [Talisman](https://www.talisman.xyz/){target=\_blank}).
1919
- Your wallet connected to the Polkadot Hub network. Check the [Connect to Polkadot](/smart-contracts/connect/){target=\_blank} guide for more information.
20-
- Test tokens in your wallet to cover deployment and transaction fees (available from the [Polkadot faucet](/smart-contracts/faucet/){target=\_blank})
20+
- Test tokens in your wallet to cover deployment and transaction fees (available from the [Polkadot faucet](/smart-contracts/faucet/){target=\_blank}).
2121

22-
## Deploying Contracts
22+
## Deploy Contracts
2323

24-
1. To deploy your contract, you need to:
24+
The steps use Remix IDE to deploy a contract to Polkadot Hub are as follows:
2525

26-
1. Navigate to the **Deploy & Run Transactions** tab.
27-
2. Click the **Environment** dropdown.
28-
3. Select **Browser Extension**.
29-
4. Click on the **Injected Provider - MetaMask** option.
26+
1. Navigate to [Remix](https://remix.ethereum.org/){target=\_blank} in your web browser.
27+
2. Locate the **Deploy & Run Transactions** tab.
28+
3. Select the **Environment** dropdown.
29+
4. Select **Browser Extension**.
30+
5. Select the **Injected Provider - MetaMask** option.
31+
6. Click the **Deploy** button and then click **Confirm** in the wallet popup.
3032

31-
2. Click the **Deploy** button and then click **Confirm** in the wallet popup.
33+
Once your contract is deployed successfully, you will see the deployment confirmation in the Remix terminal.
3234

33-
3. Once your contract is deployed successfully, you will see the deployment confirmation in the Remix terminal.
35+
![](/images/smart-contracts/dev-environments/remix/deploy-a-contract/remix-1.gif)
3436

35-
![](/images/smart-contracts/dev-environments/remix/deploy-a-contract/remix-1.gif)
37+
## Interact with Contracts
3638

37-
## Interacting with Contracts
38-
39-
Once deployed, your contract appears in the **Deployed/Unpinned Contracts** section:
39+
Deployed contracts appear in the **Deployed/Unpinned Contracts** section. Follow these steps to interact with the deployed contract:
4040

4141
1. Expand the contract to view available methods.
4242

4343
!!! tip
4444
Pin your frequently used contracts to the **Pinned Contracts** section for easy access.
4545

46-
2. To interact with the contract, you can select any of the exposed methods.
46+
2. Select any of the exposed methods to interact with the contract.
47+
48+
You can use these methods to interact with your deployed contract by reading or writing to its state. Remix IDE uses a color-coding scheme for method buttons to help differentiate between types of available methods as follows:
4749

48-
In this way, you can interact with your deployed contract by reading its state or writing to it. The button color indicates the type of interaction available:
50+
- **Blue buttons**: indicate `view` or `pure` functions which read state only. Interactions do not create a new transaction and will not result in gas fees.
51+
- **Orange buttons**: label `non-payable` functions which change contract state but don't accept any value (ETH or other tokens) being sent with the transaction.
52+
- **Red buttons**: designate `payable` functions which create a transaction and can accept a value (ETH or other tokens) to send with the transaction.
4953

50-
- **Red**: Modifies state and is payable.
51-
- **Orange**: Modifies state only.
52-
- **Blue**: Reads state.
54+
If you deployed the `Counter.sol` contract from [Remix IDE setup](/smart-contracts/dev-environments/remix/get-started/){target=\_blank}, you can try interacting with the exposed methods as follows:
5355

54-
3. Click the **GetCount** button to read the current count value.
56+
1. Select the **GetCount** button to read the current count value.
5557

56-
4. Click the **Increment** button to increment the count value.
58+
2. Select the **Increment** button to increment the count value.
5759

58-
5. Submit the transaction and click the **Confirm** button in the wallet pop-up.
60+
3. Submit the transaction and click the **Confirm** button in the wallet pop-up.
5961

60-
6. Once the transaction is confirmed, you will see the updated count value in the Remix terminal.
62+
Once the transaction is confirmed, you will see the updated count value in the Remix terminal.
6163

62-
![](/images/smart-contracts/dev-environments/remix/deploy-a-contract/remix-2.gif)
64+
![](/images/smart-contracts/dev-environments/remix/deploy-a-contract/remix-2.gif)
6365

6466
## Where to Go Next
6567

smart-contracts/dev-environments/remix/troubleshooting-faq.md

Lines changed: 1 addition & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -152,28 +152,4 @@ This guide provides solutions to common issues you may encounter when using Remi
152152

153153
- Click the refresh icon in the **File Explorer**.
154154
- Switch to a different tab and back to **File Explorer**.
155-
- Save your work and reload the Remix IDE page.
156-
157-
## Where to Go Next
158-
159-
Continue improving your Remix IDE workflow with these resources:
160-
161-
<div class="grid cards" markdown>
162-
163-
- <span class="badge guide">Guide</span> __Get Started with Remix IDE__
164-
165-
---
166-
167-
Return to the basics and review the Remix IDE setup process.
168-
169-
[:octicons-arrow-right-24: Get Started](/smart-contracts/dev-environments/remix/get-started/)
170-
171-
- <span class="badge guide">Guide</span> __Deploy Smart Contracts__
172-
173-
---
174-
175-
Learn how to deploy and interact with smart contracts using Remix.
176-
177-
[:octicons-arrow-right-24: Get Started](/smart-contracts/dev-environments/remix/deploy-a-contract/)
178-
179-
</div>
155+
- Save your work and reload the Remix IDE page.

0 commit comments

Comments
 (0)