Merge pull request #198 from G7DAO/feat/network-toggle

navigate to bridge if on faucet and switch to mainnet

webapps/world-builder-dashboard/src/components/faucet/FaucetView.tsx

@@ -12,6 +12,7 @@ import { useUISettings } from '@/contexts/UISettingsContext'
 import { useFaucetAPI } from '@/hooks/useFaucetAPI'
 import { TransactionRecord } from '@/utils/bridge/depositERC20ArbitrumSDK'
 import { timeDifferenceInHoursAndMinutes, timeDifferenceInHoursMinutesAndSeconds } from '@/utils/timeFormat'
+import { useNavigate } from 'react-router-dom'
 
 interface FaucetViewProps {}
 const FaucetView: React.FC<FaucetViewProps> = ({}) => {
@@ -28,10 +29,16 @@ const FaucetView: React.FC<FaucetViewProps> = ({}) => {
   const { faucetTargetChainId } = useUISettings()
   const { refetchNewNotifications } = useBridgeNotificationsContext()
   const smallView = useMediaQuery('(max-width: 1199px)')
+  const navigate = useNavigate()
 
   const values: AccountType[] = [`External Address`, `Connected Account`]
   const networks = getNetworks(selectedNetworkType)
 
+  if (selectedNetworkType === 'Mainnet') {
+    navigate('/bridge')
+  }
+
+
   useEffect(() => {
     const targetNetwork = networks?.find((n) => n.chainId === faucetTargetChainId)
     if (targetNetwork) {

webapps/world-builder-dashboard/src/pages/FaucetPage/FaucetPage.tsx

@@ -42,16 +42,6 @@ const BridgePage = () => {
         </div>
       </div>
       <div className={styles.viewContainer}>
-        {/* TODO: make into component. */}
-        {/* <div className={styles.warningWrapper}>
-          <div className={styles.warningContainer}>
-            <div className={styles.warningBadge}>Warning</div>
-            <div
-              className={styles.warningText}
-            >{`This faucet only dispenses ${L3_NATIVE_TOKEN_SYMBOL} tokens. For other tokens, please visit external faucets.`}</div>
-          </div>
-        </div> */}
-
         <FaucetView />
       </div>
     </div>