From 41355851211219f95c34665f09e347ca5ba72e21 Mon Sep 17 00:00:00 2001
From: aelmanaa <aelmanaa@gmail.com>
Date: Wed, 11 Dec 2024 18:28:58 +0100
Subject: [PATCH] verify rate

---
 .../ChainUpdateBuilder.module.css                      |  4 ++++
 .../TutorialBlockchainSelector/ChainUpdateBuilder.tsx  | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.module.css b/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.module.css
index 78f8aba2eef..9342adb3c5e 100644
--- a/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.module.css
+++ b/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.module.css
@@ -282,3 +282,7 @@
   flex-direction: column;
   gap: var(--space-2x);
 }
+
+.maxSupplyInfo {
+  margin-bottom: var(--space-4x);
+}
diff --git a/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.tsx b/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.tsx
index 135b1f06a9d..2d1c83a7578 100644
--- a/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.tsx
+++ b/src/components/CCIP/TutorialBlockchainSelector/ChainUpdateBuilder.tsx
@@ -272,6 +272,16 @@ export const ChainUpdateBuilder = ({ chain, readOnly, defaultConfig, onCalculate
           <div className={styles.rateLimits}>
             <span className={styles.sectionLabel}>Rate Limit Configuration</span>
 
+            {/* MaxSupply Consideration Callout */}
+            {(outbound.enabled || inbound.enabled) && (
+              <div className={styles.maxSupplyInfo}>
+                <Callout type="note" title="Rate Limit Capacity Consideration">
+                  Ensure the capacity is not set higher than your token's maximum supply (configured during token
+                  deployment). Setting a capacity larger than the maximum supply would create an ineffective rate limit.
+                </Callout>
+              </div>
+            )}
+
             <div className={styles.rateLimiterGroup}>
               {/* Outbound Configuration */}
               <div className={styles.rateLimiter}>