From 7ad2a5ce561d8cb42fbbc91962c32d44f4f5c39b Mon Sep 17 00:00:00 2001
From: bigboydiamonds <57741810+bigboydiamonds@users.noreply.github.com>
Date: Fri, 15 Mar 2024 11:20:17 -0700
Subject: [PATCH] Add comments for example of hook

---
 .../Maintenance/Events/example/EcotoneForkUpgrade.tsx      | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/synapse-interface/components/Maintenance/Events/example/EcotoneForkUpgrade.tsx b/packages/synapse-interface/components/Maintenance/Events/example/EcotoneForkUpgrade.tsx
index 3a90dec32f..a3a374fcb7 100644
--- a/packages/synapse-interface/components/Maintenance/Events/example/EcotoneForkUpgrade.tsx
+++ b/packages/synapse-interface/components/Maintenance/Events/example/EcotoneForkUpgrade.tsx
@@ -76,12 +76,19 @@ export const EcotoneForkWarningMessage = () => {
 
 /**
  * Example of how to use hook:
+ * import { useEcotoneForkCountdownProgress } = '@/components/Maintenance/Events/EcotoneForkUpgrade'
  *
  * const {
     isEcotoneForkUpgradePending,
     isCurrentChainDisabled: isEcotoneUpgradeChainsDisabled,
     EcotoneForkCountdownProgressBar,
   } = useEcotoneForkCountdownProgress()
+
+  In JSX, render the component:
+
+    <div>
+      {EcotoneForkCountdownProgressBar}
+    </div>
  */
 export const useEcotoneForkCountdownProgress = () => {
   const { fromChainId, toChainId } = useBridgeState()