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) => {
registerAdminViaOwner
:
- registerAdminViaOwner
+ acceptAdminRole
:
- acceptAdminRole
+