diff --git a/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.module.css b/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.module.css index d9da6eea303..d49578f6c12 100644 --- a/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.module.css +++ b/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.module.css @@ -84,3 +84,47 @@ .parameters { margin-top: var(--space-2x); } + +.functionCall { + background: var(--color-background-secondary); + border: 1px solid var(--color-border); + border-radius: var(--border-radius); + padding: var(--space-4x); + margin: var(--space-2x) 0; +} + +.functionHeader { + margin-bottom: var(--space-3x); +} + +.functionName { + font-family: var(--font-mono); + font-size: var(--font-size-lg); + color: var(--color-text-primary); + background: var(--color-background); + padding: var(--space-1x) var(--space-2x); + border-radius: 4px; +} + +.functionPurpose { + color: var(--color-text); + margin-top: var(--space-2x); + font-size: var(--font-size-base); +} + +.functionRequirement { + color: var(--color-warning); + font-size: var(--font-size-sm); + margin-bottom: var(--space-3x); +} + +.parametersSection { + border-top: 1px solid var(--color-border); + padding-top: var(--space-3x); +} + +.parametersTitle { + font-weight: 600; + color: var(--color-text-primary); + margin-bottom: var(--space-2x); +} diff --git a/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.tsx b/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.tsx index 87f030f1c14..96bd4232b2b 100644 --- a/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.tsx +++ b/src/components/CCIP/TutorialBlockchainSelector/AdminSetupStep.tsx @@ -40,16 +40,27 @@ export const AdminSetupStep = ({ chain }: AdminSetupStepProps) => {
  • Click on the RegistryModuleOwnerCustom contract address to open the contract details
  • Call registerAdminViaOwner: -
    - Register yourself as the CCIP administrator for your token. You must be the token owner. -
    -
    - +
    +
    + registerAdminViaOwner +
    + Register yourself as the CCIP administrator for your token +
    +
    + +
    ⚠️ You must be the token owner to call this function
    + +
    +
    Parameters:
    +
    + +
    +
  • Confirm the transaction in MetaMask
  • @@ -72,16 +83,27 @@ export const AdminSetupStep = ({ chain }: AdminSetupStepProps) => {
  • Click on the TokenAdminRegistry contract address to open the contract details
  • Call acceptAdminRole: -
    - Accept the pending administrator role for your token. Must be called after registerAdminViaOwner. -
    -
    - +
    +
    + acceptAdminRole +
    Accept your role as CCIP administrator for your token
    +
    + +
    + ⚠️ Must be called after registerAdminViaOwner is confirmed +
    + +
    +
    Parameters:
    +
    + +
    +
  • Confirm the transaction in MetaMask