update

smartcontractkit · Dec 11, 2024 · 08c867b · 08c867b
1 parent 6754a41
commit 08c867b
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilderWrapper.tsx b/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilderWrapper.tsx
@@ -219,10 +219,10 @@ export const ChainUpdateBuilderWrapper = ({ chain }: ChainUpdateBuilderWrapperPr
               <li>Click on the contract to open its details</li>
 
               <li>
-                Call <code>addRemoteTokensAndPools</code>:
+                Call <code>applyChainUpdates</code>:
                 <div className={styles.functionCall}>
                   <div className={styles.functionHeader}>
-                    <code className={styles.functionName}>addRemoteTokensAndPools</code>
+                    <code className={styles.functionName}>applyChainUpdates</code>
                     <div className={styles.functionPurpose}>Configure cross-chain token and pool mapping</div>
                   </div>
 

diff --git a/src/components/CCIP/TutorialBlockchainSelector/DeployPoolStep.module.css b/src/components/CCIP/TutorialBlockchainSelector/DeployPoolStep.module.css
@@ -207,3 +207,11 @@
   margin-left: 0.25rem;
   font-size: 0.8em;
 }
+
+.contractName {
+  display: block;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+  font-family: var(--font-mono);
+  margin-top: var(--space-1x);
+}
diff --git a/src/components/CCIP/TutorialBlockchainSelector/DeployPoolStep.tsx b/src/components/CCIP/TutorialBlockchainSelector/DeployPoolStep.tsx
@@ -74,7 +74,10 @@ export const DeployPoolStep = ({ chain }: DeployPoolStepProps) => {
               onClick={() => setPoolType("burn")}
             >
               <div className={styles.poolTitle}>
-                <span className={styles.poolName}>Burn & Mint Pool</span>
+                <span className={styles.poolName}>
+                  Burn & Mint Pool
+                  <span className={styles.contractName}>BurnMintTokenPool</span>
+                </span>
                 {poolType === "burn" && <span className={styles.selectedIndicator} />}
               </div>
               <div className={styles.poolContent}>
@@ -91,7 +94,10 @@ export const DeployPoolStep = ({ chain }: DeployPoolStepProps) => {
               onClick={() => setPoolType("lock")}
             >
               <div className={styles.poolTitle}>
-                <span className={styles.poolName}>Lock & Release Pool</span>
+                <span className={styles.poolName}>
+                  Lock & Release Pool
+                  <span className={styles.contractName}>LockReleaseTokenPool</span>
+                </span>
                 {poolType === "lock" && <span className={styles.selectedIndicator} />}
               </div>
               <div className={styles.poolContent}>
@@ -107,6 +113,16 @@ export const DeployPoolStep = ({ chain }: DeployPoolStepProps) => {
           </div>
         </TutorialStep>
 
+        <TutorialStep id={getSubStepId("pool-remix")} title="Configure Remix">
+          <ul>
+            <li>Open the "Deploy & Run Transactions" tab</li>
+            <li>Set Environment to "Injected Provider - MetaMask"</li>
+            <li>
+              Select <strong>{poolType === "burn" ? "BurnMintTokenPool" : "LockReleaseTokenPool"}</strong> contract
+            </li>
+          </ul>
+        </TutorialStep>
+
         <TutorialStep id={getSubStepId("pool-params")} title="Set Parameters">
           <div className={styles.parametersIntro}>
             <p>Configure your pool by setting these required parameters in Remix:</p>