chore: cleanup faucet maintenance logic (#2037)

* chore: cleanup faucet maintenance logic

* remove maintenance component export

Author: AndyMBridges

src/components/Faucet/Hero.tsx

@@ -18,6 +18,7 @@ interface IHero {
   inputValue?: string
   isLoading?: boolean
   isLimitedUserPlan?: boolean
+  isMaintenance?: boolean
 }
 
 export default function Hero({
@@ -28,6 +29,7 @@ export default function Hero({
   handleOnInputChange,
   isLoading,
   isLimitedUserPlan,
+  isMaintenance,
 }: IHero) {
   const {
     metaMaskAccount,
@@ -118,10 +120,12 @@ export default function Hero({
                     : walletLinked === WALLET_LINK_TYPE.NO
                       ? 'Link your Developer Dashboard account to get started and request ETH.'
                       : 'Select your Developer Dashboard account to get started and request ETH.'
-                : 'Enter your MetaMask wallet address and request ETH.'}
+                : !isMaintenance
+                  ? 'Enter your MetaMask wallet address and request ETH.'
+                  : 'The faucet is at full capacity due to high demand. Try checking back later.'}
           </Text>
           <div className={styles.actions}>
-            {!!Object.keys(projects).length && !showInstallButton && (
+            {!!Object.keys(projects).length && !showInstallButton && !isMaintenance && (
               <div className={styles.inputCont}>
                 <div className={styles.inputWrapper}>
                   <Input

src/components/Faucet/Maintenance.tsx

@@ -1,10 +1,4 @@
-export { default as Faq } from "./Faq";
-export { default as TransactionTable } from "./TransactionTable";
-export { default as Hero } from "./Hero";
-export { default as Maintenance } from "./Maintenance";
-export {
-  AlertCommonIssue,
-  AlertPastActivity,
-  AlertCooldown,
-  AlertSuccess,
-} from "./Alerts";
+export { default as Faq } from './Faq'
+export { default as TransactionTable } from './TransactionTable'
+export { default as Hero } from './Hero'
+export { AlertCommonIssue, AlertPastActivity, AlertCooldown, AlertSuccess } from './Alerts'

src/components/Faucet/index.tsx

@@ -11,7 +11,6 @@ import {
   AlertSuccess,
   TransactionTable,
   Hero,
-  Maintenance,
   AlertPastActivity,
 } from '@site/src/components/Faucet'
 import { useAlert } from 'react-alert'
@@ -168,7 +167,7 @@ export default function Faucet() {
     }
   }, [metaMaskAccount, metaMaskAccountEns])
 
-  const tabItemContent = (network: 'linea' | 'sepolia') => {
+  const tabItemContent = (network: 'linea' | 'sepolia', isMaintenance: boolean) => {
     return (
       <>
         <div className={styles.topContent}>
@@ -180,6 +179,7 @@ export default function Faucet() {
             inputValue={walletAddress}
             isLoading={isLoading}
             isLimitedUserPlan={isLimitedUserPlan}
+            isMaintenance={isMaintenance}
           />
           {transactions && (
             <TransactionTable
@@ -205,12 +205,10 @@ export default function Faucet() {
       <div className={styles.tabs}>
         <Tabs className={styles.header}>
           <TabItem className={styles.content} value="sepolia" label="Ethereum Sepolia" default>
-            {isSepoliaMaintenance && <Maintenance network="sepolia" />}
-            {ldReady ? tabItemContent('sepolia') : null}
+            {ldReady ? tabItemContent('sepolia', isSepoliaMaintenance) : null}
           </TabItem>
           <TabItem className={styles.content} value="linea" label="Linea Sepolia">
-            {isLineaMaintenance && <Maintenance network="linea" />}
-            {ldReady ? tabItemContent('linea') : null}
+            {ldReady ? tabItemContent('linea', isLineaMaintenance) : null}
           </TabItem>
         </Tabs>
       </div>